@font-face { font-family: 'HarmonyOS_Sans_Light'; src:url('../fonts/HarmonyOS_Sans_Light.woff') format('woff'); font-display:swap; } @font-face { font-family: 'HarmonyOS_Sans_SC_Regular'; src:url('../fonts/HarmonyOS_Sans_SC_Regular.woff') format('woff'); font-display:swap; } @font-face { font-family: 'HarmonyOS_Sans_SC_Medium'; src:url('../fonts/HarmonyOS_Sans_SC_Medium.woff') format('woff'); font-display:swap; } @font-face { font-family: 'HarmonyOS_Sans_SC_Bold'; src:url('../fonts/HarmonyOS_Sans_SC_Bold.woff') format('woff'); font-display:swap; } @font-face { font-family: 'Oswald-Bold'; src:url('../fonts/Oswald-Bold.woff') format('woff'); font-display:swap; } html { -webkit-text-size-adjust: 100%; font-size: 100px } @media (max-width:640px) { html { font-size: 20vw } } body, input, pre, select, table th, table td, textarea { font-size: 0.16rem; font-weight: 400; } body{font-family: 'HarmonyOS_Sans_SC_Regular';} .w1560{max-width: 1400px;width: 94%} .w1440{max-width: 1440px;width: 94%} /*Top003101 */ .Top003101{padding: 27px 0;position: fixed;left: 0;width: 100%; top: 0;z-index: 100;font-size: 16px;border-bottom:1px solid rgba(255,255,255,0.1);} .Top003101 .auto{max-width: 1600px;width: 92%;} .Top003101, .Top003101 a:not(:hover){color: #fff;} .Top003101 .logo{float: left;} .Top003101 .logo img{} .Top003101 .logo .h{display: none} .Top003101 .top-right, .Top003101 menu{float: right;} .Top003101 menu li span{display: block;line-height: 43px;} .Top003101 menu li.aon span a{color:#fff;} .Top003101 .top-right dl > *{float: left;} .Top003101 .top-lang, .Top003101 .top-nav{position: relative;z-index: 100;} .Top003101 .top-nav aside{line-height: 43px;padding-right: 19px;position: relative;z-index: 3;} .Top003101 .top-nav aside:after{position: absolute;content: '';background: url(../images/Top003101-links.svg) no-repeat right center;background-size:contain;width: 9px;height: 5px;right: 0;top: 50%;margin-top: -2px;transition: 0.3s;} .Top003101 .top-nav.on aside:after{transform: rotate(-180deg);} .Top003101 .top-lang .box, .Top003101 .top-nav ul{position: absolute; top: 34px; left: -10px; right:-10px;padding: 10px 10px 10px;border-radius: 3px;background-color: rgba(255,255,255,1);display: none;} .Top003101 .top-nav ul li{font-size: 16px;line-height: 2;} .Top003101 .top-nav ul li a:hover{color:#095ebd;} .Top003101 .top-lang .box a:hover{color:#095ebd;} .Top003101 .top-lang{margin: 0 1.61vw 0 1.56vw;} .Top003101 .top-lang .icon{width: 38px;height: 38px;background: url(../images/Top003101-lang.svg) no-repeat center center;background-size:auto 26px;} .Top003101 .top-lang .box{text-align: center;line-height: 22px} .Top003101 .top-search{border-radius: 38px;background-color: rgba(255,255,255,0.1);padding: 0 44px 0 15px;} .Top003101 .top-search .text{background: none;width: 43px;color: rgba(255,255,255,1);padding: 0;transition: 0.3s; height: 38px;line-height: 38px;} .Top003101 .top-search .btn{background: url(../images/Top003101-search.svg) no-repeat center center;width: 40px;background-size:auto 42%;} .Top003101 .open-s{position: absolute;left: 0;top: 0;width: 100%; height: 100%;z-index: 4; cursor: pointer;} .search-show .Top003101 .open-s{display: none;} .Top003101 .open-menu{width: 26px; height: 38px;} .Top003101 menu li .sub a{color:#333;} .Top003101 menu li .sub a:hover{color:#095ebd;} .Top003101_{background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1)} .Top003101_, .Top003101_ a:not(:hover){color:#333;} .Top003101_ .logo img{display: none;} .Top003101_ .logo .h{display: block;} .Top003101_ .top-search{background:#fff;border:1px solid rgba(0,0,0,0.1);} .Top003101_ .top-search .text{color:#999;} .Top003101_ menu li.aon span a{color:#333;} .Top003101_ menu li.aon span a::after{ position: absolute;content: ""; width: 100px; height: 2px; background: #095ebd; top: 44px; left: 50%; margin-left: -50px;z-index: 1;} .Top003101_ .top-nav aside:after{background: url(../images/Top003101-links2.svg) no-repeat right center;} .Top003101_ .top-lang .icon{background: url(../images/Top003101-lang2.svg) no-repeat center center;} .Top003101_ .top-search .btn{background: url(../images/Top003101-search2.svg) no-repeat center center;} .Top003101 menu li .sub dl{padding-top: 24px;} @media(min-width:1025px){ .Top003101 .open-search{display: none} .Top003101 .top-search{display: block;} .Top003101 .open-menu{display: none} .search-show .Top003101 .top-search .text{width: 8vw;} .Top003101 menu li{float: left;margin-right: 2vw; width: 80px; text-align: center;} .Top003101 .top-right{position: relative;padding-left: 1.93vw;} .Top003101 .top-right:before{position: absolute;content: '';width: 1px;height: 10px;background-color: #fff;opacity: 0.3; left:0; top: 50%;margin-top: -5px;} .Top003101 menu li .sub{position: relative; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px; overflow: hidden} .Top003101_ .top-right:before{background:rgba(0,0,0,0.2);opacity: 1} } @media(min-width:1025px) and (max-width:1440px) { .Top003101{font-size: 16px;} .Top003101 menu li{margin-right: 1vw;} .Top003101 .top-lang{margin: 0 1vw;} .Top003101 menu li span{font-size: 16px;} } .Top003101 menu li:nth-child(4) .sub a{margin-right:22px;} .Top003101 menu li .sub .second{font-family: 'HarmonyOS_Sans_SC_Medium';color: #333;} .Top003101 menu li:nth-child(4) .sub .second{border-bottom: 1px solid #d4d4d4; display: inline-block; padding-bottom: 10px; font-size: 18px; width: 80%;} .Top003101 menu li:nth-child(4) .sub {overflow:inherit; width: 800px;} .Top003101 menu li:nth-child(4) .sub dl{margin-top: 10px;float: left; text-align: left; width: calc(100%/3);} .Top003101 menu li:nth-child(4) .sub dt{padding: 0; float: none; margin-top: 10px; text-align: left;} @media (max-width:1024px) { .Top003101{padding: 16px 0;height: 75px;} .Top003101 .logo{width:35%;} .Top003101 .top-nav{} .Top003101 menu{position: absolute;width:60%; right: 0%;top: -100%; transform: translateY(-500%); opacity: 0; background-color: rgba(255,255,255,1);padding: 4vw;border-radius: 0px;transition: opacity 0.3s;} .Top003101 menu li .sub dl{padding-top:10px;background:#f9f9f9;} .Top003101 menu li .sub dl dt{text-align: left;} .Top003101 .top-search{position: absolute;right: 0;width:100%;top: 100%;z-index: 100;background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.3);border-radius: 5px;} .Top003101 .open-menu{margin-left: 2vw;} .Top003101 .open-menu i{background:#095ebd;} .Top003101 .open-search{cursor: pointer;display: block;width: 38px;height: 38px;background: url(../images/Top003101-search2.svg) no-repeat center center;background-size: 22px auto;} .open-search.on:before, .open-search.on:after{display:none} .Top003101 .top-search .text{width: 100%;} .Top003101_ menu li.aon span a::after{width:100%;top:41px;left:0;margin-left:0;} .Top003101 menu li:nth-child(4) .sub{width:auto;} .Top003101 menu li:nth-child(4) .sub dl{float:none;width:100%;margin-top:0;} .Top003101 menu li:nth-child(4) .sub dt{display: none} .Top003101 menu li:nth-child(4) .sub .second{width:100%;font-size:16px;border-bottom:0;padding-bottom:0;font-family: 'HarmonyOS_Sans_SC_Regular';} .Top003101 menu li:nth-child(4) .sub a{margin-right:0;} .menu-show .Top003101 menu{top: 100%;transform: translateY(0); opacity: 1;} .has-multi aside .op-multi:before, .has-multi aside .op-multi:after, .has-sub span .op:before, .has-sub span .op:after{width:10px;background:#666;} .has-multi aside .op-multi:after, .has-sub span .op:after{height: 10px;width:2px;} } @media(max-width:768px){ .Top003101 .logo{margin-top:5px;} } /* * Owl Carousel - Core 鎻掍欢鏍峰紡濡傞亣鐩稿悓鍙暀涓€浠 */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* .Banner002435 涓篸emo缂栧彿 */ .Banner002435{ position: relative;} @media only screen and (min-width:1200px ) { .Banner002435{ } } @media only screen and (min-width:1600px ) { .Banner002435{ } } .Banner002435 li{overflow: hidden;position: relative;} .Banner002435 li a{ display:block; } .Banner002435 li a .pcimg{transform: scale(1.25);transition: all 5s;} .Banner002435 .active li a .pcimg{width: 100%;transform: scale(1);} .Banner002435 li video{position: absolute; z-index: 10; left: 0; top: 0;width:100%;height: 100%; object-fit:fill} .Banner002435 .auto{max-width:1400px;width:88%;} .Banner002435 .ytable{height: 100%;} .Banner002435 .txt-area{font-family: 'Alibaba-PuHuiTi-Regular';position: absolute;color: #fff; left: 0 ;top: 0; width: 100%;height: 100%;z-index: 200; font-size: 62px;} .Banner002435 .txt-area aside{transition: 1s 1s; opacity: 0;} .Banner002435 .txt-area img{width:auto;margin-top:-6%;} .Banner002435 .txt-area2 img{float:right;} .Banner002435 .txt-area .t-1{} .Banner002435 .active .txt-area aside{opacity: 1; transform: translateX(0);} .Banner002435 li a .phoneimg{ display: none;} .Banner002435 .owl-dots{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:70px; z-index:10;} .Banner002435 .owl-dots>div{ display:inline-block;margin:0 8px;position: relative;} .Banner002435 .owl-dots>div span{ display:block; width:38px; height:7px; background: rgba(255,255,255,0.5);transform: skewX(-45deg);} .Banner002435 .owl-dots>div.active span{background:#fff;} .Banner002435 .slick-dots {margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:70px; z-index:10;} .Banner002435 .slick-dots li { display:inline-block;width:38px; height:7px; background: rgba(255,255,255,0.5);transform: skewX(-45deg);margin:0 8px;position: relative;} .Banner002435 .slick-dots li button {display: none;} .Banner002435 .slick-dots li.slick-active{background:#fff;} @media(max-width:767px){ .Banner002435{margin-top:75px;} .Banner002435 .txt-area{width:62%;} .Banner002435 li a .pcimg{ display: none;} .Banner002435 li a .phoneimg{ display: block;} .Banner002435 .owl-dots{bottom:24px;} .Banner002435 .owl-dots>div{margin:0 7px;} .Banner002435 .owl-dots>div span{width:30px;height: 6px;} } .auto_1560{max-width:1400px;width:92%;} .h-title{text-align: center;margin-bottom:42px;} .h-title .cn{font-size:38px;color:#333;font-weight: bold;} .h-title .cn span{position: relative;} .h-title:after{content:'';width:34px;;height: 5px;background:#01b0cd;display: block;margin:0 auto; transform: skewX(-45deg);margin-top:12px;} .h-title .en{font-size:20px;color:#ccc;text-transform: uppercase;} @media(max-width:1024px){ .h-title{margin-bottom:35px;} .h-title .cn{font-size:28px;} .h-title .en{font-size:18px;} .h-title:after{height: 4px;} } /*Floor002979*/ .Floor002979{padding:5% 0; } .Floor002979 .auto{max-width: 1400px; width:94%;} .Floor002979 li{position: relative;overflow: hidden;} .Floor002979 li a{position: absolute; z-index: 20; left: 0; top: 0; width: 100%; height: 100%;} .Floor002979 li .mask{position: absolute;width: 100%;height: 60%;left: 0;bottom: 0; z-index: 2;background-image: url(../images/mask_grad.png);background-repeat: repeat-x;background-position: left bottom; background-size: auto 100%;visibility: visible;} .Floor002979 li .txt{position: absolute;color: #fff; z-index: 40; left:0;bottom:-22px;text-align: left;width:100%; font-size: 20px; text-transform: uppercase; transition: margin 0.5s; line-height: 1.5;padding:30px 30px 0; transition: all 0.5s; } .Floor002979 li .txt h2{font-weight: normal;font-size:24px;margin-top:0;margin-bottom:6px;} .Floor002979 li .txt p{font-size:16px;color:rgba(255,255,255,0.8);margin:0;} .Floor002979 li .txt span{font-size:14px;display: inline-block;margin-top:15px;position: relative;} .Floor002979 li .txt span:after{content:'';position:absolute;width: 9px;height: 9px;margin-top: -16px;overflow:hidden;font-size: 0;cursor: pointer;z-index:10;border: 0;background: none;padding: 0;border-top: 2px solid #ffffff;border-left: 2px solid #ffffff;transform: rotate(135deg);display: block;right: -15px;} .Floor002979 li .Ispic{transition: transform 0.3s;} .Floor002979 li:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .Floor002979 li:hover .txt{margin-top: -40px;bottom:25px;transition: all 0.5s; } @media(min-width:641px){ .Floor002979 li{float: left; margin-right: 1.299%;} .Floor002979 li:nth-child(1){width: 32.468%;} .Floor002979 li:nth-child(2), .Floor002979 li:nth-child(5){width: 28.572%;} .Floor002979 li:nth-child(3), .Floor002979 li:nth-child(4){width: 36.34%;} .Floor002979 li:nth-child(2), .Floor002979 li:nth-child(3){ margin-bottom: 1.299%;} .Floor002979 li:nth-child(3), .Floor002979 li:nth-child(5){margin-right: 0; float: right;} .Floor002979 li:nth-child(1) .Ispic{padding-bottom: 134.46%;} .Floor002979 li:nth-child(2) .Ispic, .Floor002979 li:nth-child(5) .Ispic{padding-bottom: 74.135%;} .Floor002979 li:nth-child(3) .Ispic, .Floor002979 li:nth-child(4) .Ispic{padding-bottom: 58.25%;} .Floor002979 li:nth-child(6){width:62.33%;margin-top:1.299%;float:left;} .Floor002979 li:nth-child(6) .Ispic{padding-bottom: 33.983%;} .Floor002979 li:nth-child(7){width:36.364%;margin-top:1.299%;float:right;margin-right:0;} .Floor002979 li:nth-child(7) .Ispic{padding-bottom: 58.25%;} } @media(min-width:641px) and (max-width:1024px){ .Floor002979 li .txt{font-size: 2.5vw;} } @media(max-width:640px){ .Floor002979 li .txt{font-size: 3vw;} .Floor002979 li:hover .txt{margin-top: -4vw;} .Floor002979 li:not(:nth-child(1)){float: left; width: 49%; margin-top: 2%;} .Floor002979 li .Ispic{padding-bottom: 70%;} .Floor002979 li:nth-child(1) .Ispic{padding-bottom: 50%;background-position: center top 15%;} .Floor002979 li:nth-child(3), .Floor002979 li:nth-child(5){margin-left: 2%;} } /*Bottom003009 */ .Bottom003009{background-color: #f7f7f7;padding-top: 4%;} @media(max-width:1024px){ .Bottom003009{text-align: center;padding-top:8%;} } .Bottom003009 .auto{max-width: 1400px;width:92%;} .Bottom003009, .Bottom003009 a{color: #666;} .Bottom003009 a:hover{color: #095ebd;} .Bottom003009 .soglan{color: #333;font-size: 24px;line-height: 1.5em;} .Bottom003009 .share{margin-top: 45px;} .Bottom003009 .share dd{float: left;position: relative;} .Bottom003009 .share dd figure{position: absolute; left: 50%; margin-left: -60px; width: 120px; bottom: 100%; margin-bottom: 10px;display: none;} .Bottom003009 .share dd figure:after{position: absolute; content: '';border: 5px solid transparent; border-top-color: #fff; top: 100%; margin-left: -5px; left: 50%;} .Bottom003009 .share dd a{display: block; width: 22px; height: 22px; margin: 0 11px;background: url("../images/Bottom003009_share_icon.png") no-repeat 0 0;} .Bottom003009 .share dd.d_sina a{background-position: -42px 0;} .Bottom003009 .share dd.d_fb a{background-position: -80px 0;} .Bottom003009 .share dd.d_tw a{background-position: -120px 0;} .Bottom003009 .share dd.d_ing a{background-position: -160px 0;} @media(min-width:1025px){ .Bottom003009 .logo{display: table;table-layout: fixed;} .Bottom003009 .logo > *{display: table-cell; vertical-align: middle;} .Bottom003009 .logo .img{padding-right: 30px; } } @media(max-width:1024px){ .Bottom003009 .logo .img{padding-bottom: 20px;} .Bottom003009 .share{display: table; margin-left: auto; margin-right: auto;} } @media(max-width:480px){ .Bottom003009 .soglan{font-size: 4vw;} } .Bottom003009 .b-mid{padding-bottom: 3%;} .Bottom003009 .b-mid .tit{font-size: 18px; font-weight: bold; margin-bottom: 15px;} .Bottom003009 .b-mid .tit, .Bottom003009 .b-mid .tit a{color: #333;} .Bottom003009 .contact{width: 25%; } .Bottom003009 .gupiao .name{font-size: 26px;color:#333;} .Bottom003009 .gupiao .zhi{ } .Bottom003009 .gupiao .zhi aside{margin: 8px 0 12px;} .Bottom003009 .gupiao #stockValue{font-size: 45px;} .Bottom003009 .gupiao #stockValue i{padding-right: 20px; margin-right: 20px;background-position: right bottom 8px;background-repeat: no-repeat; line-height: 1;} .Bottom003009 .gupiao #stockValue i.down{background-image: url("../images/Floor003082-down.png");} .Bottom003009 .gupiao #stockValue i.up{background-image: url("../images/Floor003082-up.png");} .Bottom003009 .gupiao i{font-style: normal;display: inline-block;} .Bottom003009 .gupiao #ud{font-size: 22px;} .Bottom003009 .gupiao .down{color: green;} .Bottom003009 .gupiao .up{color: red;} .Bottom003009 .gupiao #stockMsg{ margin: 0;} .Bottom003009 .gupiao #stockMsg span{margin-left: 10px;} .Bottom003009 .contact li{line-height: 30px;font-size:15px;} .Bottom003009 .contact .ewm{width:120px;text-align: center;margin-top:15px;} .Bottom003009 .contact .ewm p{font-size:15px;margin-top:10px;} .Bottom003009 .b-mid nav{width: 75%;} .Bottom003009 .b-mid nav dl{float: left; max-width: 140px;} .Bottom003009 .b-mid nav dd{line-height: 22px;padding: 3px 0;font-size:15px;} @media(max-width:1024px){ .Bottom003009 .b-mid{padding-bottom:0;} .Bottom003009 .contact{width:100%;} .Bottom003009 .contact .ewm{margin:15px auto 0;} .Bottom003009 .b-mid nav{display: none;} .Bottom003009 .gupiao .name{font-size:24px;} .Bottom003009 .gupiao .zhi aside{margin:8px 0 8px;} .Bottom003009 .gupiao #stockMsg{font-size:14px;} .Bottom003009 .gupiao #stockValue{font-size:40px;} } .Bottom003009 .copyright{border-top: 1px solid #e2e2e2;padding: 27px 0;font-size:15px;} .Bottom003009 .copyright .fr a{display: inline-block;} .Bottom003009 .copyright .fr a:not(:last-child):after{ width: 1px; height: 13px;display: inline-block; content: ''; vertical-align: middle;background:rgba(0,0,0,0.1); margin: 0 15px;} @media(max-width:1024px){ .Bottom003009 .copyright{margin-top: 5vw;padding: 5vw;} .Bottom003009 .copyright .fr{padding-bottom: 10px;} } /*Other002539 */ .Other002539{ position:fixed; z-index:200; right:0;display: none;} .Other002539_{display: block;} .Other002539 ul li{ position:relative;margin-bottom:2px;} .Other002539 ul li figure{ position:absolute; top:0; right:48px;background:#095ebd; color:#fff; display:none;} .Other002539 .li_wx figure{ width:128px; padding:10px;} .Other002539 .li_wx figure img{ display:block; width:100%;} .Other002539 .li_tel figure{ padding:0 20px; font-size:18px;line-height:48px;white-space:nowrap;} .Other002539 .li_tel figure a{ color:#fff;} .Other002539 .icon{ display:block; width:48px; height:48px; background:url(../images/Other002539-icon.png) no-repeat left top #095ebd;} .Other002539 .li_sina .icon{ background-position:0 -50px;} .Other002539 .li_tel .icon{ background-position:0 -100px;} .Other002539 .li_feedback .icon{ background-position:0 -147px;} .Other002539 .li_email .icon{background:url(../images/Other002539-email.png) no-repeat left top #095ebd;} .Other002539 .li_email figure{ padding:0 20px; font-size:18px;line-height:48px;white-space:nowrap;} .Other002539 .li_email figure a{ color:#fff;} .Other002539 .li_fax .icon{background:url(../images/Other002539-fax.png) no-repeat left top #095ebd;} .Other002539 .li_fax figure{ padding:0 20px; font-size:18px;line-height:48px;white-space:nowrap;} .Other002539 .li_fax figure a{ color:#fff;} .Other002539 .icon.gettop{ background-position:0 100%;} .Other002539 .icon.open{ background-image:none; position:relative;display: none } .Other002539 .open span{ color:#fff; font-size:24px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} @media(min-width:1025px){ .Other002539{bottom:75px;} .Other002539 ul{ display:block !important;} .Other002539 .icon.open{display:none;} .Other002539 .li_tel figure::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;} } @media(max-width:1024px){ .Other002539{ bottom:5%;} .Other002539 ul{ } .Other002539 #open_2539{ background-color:#483f3e;} } /* .Floor002378 盲赂潞demo莽录鈥撁ヂ徛 */ .Floor002378{ padding:0 0 5% 0;} .Floor002378 .auto{ position: relative; max-width: 1560px;} .Floor002378 .word{ color: #2e303c;} .Floor002378 .word h2{ font-size: 22px; font-weight: normal; margin: 0; } .Floor002378 .word h2:after{ display: block; content: ""; width: 43px; height: 3px; background: #2e303c; margin: 5% 0;} .Floor002378 .word figure{ padding: 5% 0; font-size: 20px;padding-top: 0;line-height: 2;width: 90%;} .Floor002378 .word figure p{ margin: 10px 0 0; font-size: 10px; color: #999;} .Floor002378 .word .more{ width: 187px; height: 50px; line-height: 26px; border: 2px solid #aeaeae; font-size: 14px; color: #666; display: block; padding: 10px 20px; position: relative; margin-top: 3%; transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s; } .Floor002378 .word .more:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: 1; background: #095ebd; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .Floor002378 .word .more span{ position: relative; z-index: 3; display: block;} .Floor002378 .word .more i{ position: absolute; font-style: normal; right: 0; top: 50%; margin-top: -13px; font-weight: 600;} .Floor002378 .word .more:hover{ color: #fff; border-color: #095ebd;} .Floor002378 .word .more:hover:before{ width: 100%; } @media only screen and (max-width:950px ) { .Floor002378 .word { text-align: center; padding: 20px 3%;} .Floor002378 .word .more{ margin:0 auto;} .Floor002378 .word h2:after{ margin: 20px auto 0;} .Floor002378 .word figure{ padding: 30px 0;} .Floor002378 .word .more span{ text-align: left;} } @media only screen and (max-width:767px ) { .Floor002378 .word .more{ height: 40px; line-height: 17px;} .Floor002378 .word .more i{ margin-top: -8px;} } @media only screen and (min-width:951px ) { .Floor002378 .pic{ width: 55%; float: left; background: #f6f6f6;} .Floor002378 .word{ width: 45%; position: absolute; height: 100%; right: 0; padding: 0 5%;background-color: #f7f7f7;} .Floor002378 .word .word-inner{ position: absolute; top: 50%; left: 10%; transform: translateY(-50%);} .Floor002378 .word h2{ font-size:24px; } } @media only screen and (min-width:1024px ) { /* .Floor002378{ padding: 40px 5% 70px;} */ .Floor002378 .word h2{ font-size:28px; } } @media only screen and (min-width:1280px ) { /* .Floor002378{ padding: 50px 5% 90px;} */ .Floor002378 .word h2{ font-size: 32px; } .Floor002378 .word .more{ margin-top: 6%;} .Floor002378 .word figure{font-size: 16px!important;} } @media only screen and (min-width:1440px ) { /* .Floor002378{ padding: 60px 5% 110px;} */ .Floor002378 .word h2{ font-size: 36px; } } .Floor002378 .h-title{text-align: left;} .Floor002378 .h-title::after{margin-left:0;} .Floor002378 .gupiao .name{font-size: 22px;} .Floor002378 .gupiao .zhi{font-family: 'Arial'; } .Floor002378 .gupiao .zhi aside{margin: 10px 0;} .Floor002378 .gupiao #stockValue{font-size: 45px;} .Floor002378 .gupiao #stockValue i{padding-right: 20px; margin-right: 20px;background-position: right bottom 8px;background-repeat: no-repeat; line-height: 1;} .Floor002378 .gupiao #stockValue i.down{background-image: url("../images/Floor003082-down.png");} .Floor002378 .gupiao #stockValue i.up{background-image: url("../images/Floor003082-up.png");} .Floor002378 .gupiao i{font-style: normal;display: inline-block;} .Floor002378 .gupiao #ud{font-size: 22px;} .Floor002378 .gupiao .down{color: green;} .Floor002378 .gupiao .up{color: red;} .Floor002378 .gupiao #stockMsg{ margin: 0;} .Floor002378 .gupiao #stockMsg span{margin-left: 10px;} /*Floor003145 */ .Floor003145{} .Floor003145 .auto{padding: 5% 0; max-width: 1560px;} .Floor003145 .title .more{position: absolute; right: 0; top: 50%; border: 1px solid #b9b9b9; border-radius: 50%; width: 3.125em; height: 3.125em; margin-top:-1.5625em; background: url(../images/Floor003145-icon.svg) no-repeat center center; background-size: 1em auto;} .Floor003145 .title .more:hover{background-color: #095ebd; border-color: #095ebd; background-image: url(../images/Floor003145-icon-white.svg);} .Floor003145 .box{} .Floor003145 .right dl{padding:2.2em;background: #f8f8f8; min-height: 557px;} .Floor003145 .right dd:not(:last-child){border-bottom: 1px solid #f3f3f3; } .Floor003145 .right dd time{float: left;max-width: 5em;text-align: center;color: #999999;font-size: 0.875em;} .Floor003145 .right dd time b{display: block;color: #333333; font-size: 2.1428em;font-weight: normal; line-height: 1.2;} .Floor003145 .right dd .tit{float: right;width: calc(100% - 5em); line-height: 1.5555; font-size: 1.125em;} /* .Floor003145 .left .box{padding: 1.875em;} */ /* .Floor003145 .slider{margin: 0 -1.25em;} */ .Floor003145 .left li{float: left;width: 48%;background: #f8f8f8; min-height: 557px;} .Floor003145 .left li:last-child{float: right;} .Floor003145 .left li a{display: block;} .Floor003145 .left li .pic{overflow: hidden;} .Floor003145 .left li .pic .Ispic{padding-bottom: 62.5%;transition: 0.3s;} .Floor003145 .left li a:hover .Ispic{transform: scale(1.05);} .Floor003145 .left li .word{padding: 1vw} .Floor003145 .left li .tit{font-size: 1.145em; line-height: 1.5; min-height: 2.5em;margin: 0 0 0.6em 0;} .Floor003145 .left li time{ font-size: 1.125em;color: #095ebd;} .Floor003145 .left li p{color:#999;margin:1em 0;font-size: 0.875em; line-height: 1.78571; min-height: 3.57142em;} .Floor003145 .left li .more{display: block;width: 16px;height: 6px; background: url(../images/Floor003145-icon.svg) no-repeat; background-size: contain;} .Floor003145 .controls{ margin-top: 2em; position: relative;} .Floor003145 .controls:before{position: absolute;content: ''; left: 0; height: 1px;top: 50%;width: 100%;background-color: #dcdcdc;} .Floor003145 .controls .inner{display: table;margin: 0 auto; background-color: #fff;padding: 0 4em;position: relative;z-index: 4;} .Floor003145 .controls .slick-dots li{float: left;width: 0.8125em; height: 0.8125em; margin: 0 0.375em;position: relative;list-style: none;} .Floor003145 .controls .slick-dots li a{position: absolute;width: 0.4375em;height: 0.4375em;background-color: rgba(0,0,0,0.4); border-radius: 50%;} .Floor003145 .controls .slick-dots li:not(.slick-active) a{left: 50%;top: 50%;margin: -0.21875em 0 0 -0.21875em;} .Floor003145 .controls .slick-dots li.slick-active a{background-color: #095ebd;width: 100%; height: 100%;} .Floor003145 .controls .slick-arrow{position: absolute;width: 1.9375em; height: 1.9375em; border:0; background-position: center;background-repeat: no-repeat; cursor:pointer; top: 50%;margin-top:-0.96875em; border-radius: 50%;font-size: 1em; background-size: auto 0.875em;} .Floor003145 .controls .slick-disabled{border-color: #dcdcdc; cursor: default;} .Floor003145 .controls .slick-prev{left: 0; background-image: url(../images/Floor003145-prev-red.svg);} .Floor003145 .controls .slick-next{right: 0; background-image: url(../images/Floor003145-next-red.svg);} .Floor003145 .controls .slick-prev.slick-disabled{background-image: url(../images/Floor003145-prev.svg);} .Floor003145 .controls .slick-next.slick-disabled{ background-image: url(../images/Floor003145-next.svg);} .Floor003145 .right dd{overflow: hidden; padding: 1.3em 0;} @media (max-width:1366px){ .Floor003145 .right dl{padding:0.2em 2em;background: #f8f8f8} .Floor003145 .left li .word{padding: 3vw} } @media (min-width:1025px) { .Floor003145 .left{width: 65.715%;} .Floor003145 .right{width:30.715%;} .Floor003145 .box{} /* .Floor003145 .right dd:first-child{padding-top: 0;} */ } @media (max-width:1024px) { .Floor003145 .auto{padding: 3em 0;} .Floor003145 .right{margin-top: 3em;} .Floor003145 .controls .inner{padding: 0 2.2em;} } .Floor003145 .more1{ margin: 0 auto; width: 187px; height: 50px; line-height: 26px; border: 2px solid #aeaeae; font-size: 14px; color: #666; display: block; padding: 10px 20px; position: relative; margin-top: 3%; transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s; } .Floor003145 .more1:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: 1; background: #095ebd; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .Floor003145 .more1 span{ position: relative; z-index: 3; display: block;} .Floor003145 .more1 i{ position: absolute; font-style: normal; right: 0; top: 50%; margin-top: -13px; font-weight: 600;} .Floor003145 .more1:hover{ color: #fff; border-color: #095ebd;} .Floor003145 .more1:hover:before{ width: 100%; } @media only screen and (max-width:950px ) { .Floor003145 .more1{ margin:0 auto;} .Floor003145 .more1 span{ text-align: left;} } @media only screen and (max-width:767px ) { .Floor003145 .more1{ height: 40px; line-height: 17px;} .Floor003145 .more1 i{ margin-top: -8px;} } /*Bottom003085 */ .Bottom003009 .share li{float: left;position: relative; z-index: 20;} .Bottom003009 .share li:not(:last-child){margin-right: 10px;} .Bottom003009 .share li figure{position: absolute; width: 120px; height: 120px;background: #fff; padding: 5px; left: 50%; margin-left: -75px; bottom: 100%; margin-bottom: 10px; display: none;} .Bottom003009 .share li a{display: block;cursor: pointer;background-color: #333333; background-position: center center;background-size: auto 40%;background-repeat: no-repeat; width: 50px; height: 50px; border-radius: 50%;} .Bottom003009 .share li.wx a{background-image: url("../images/Bottom003085-wx.svg");} .Bottom003009 .share li.sina a{background-image: url("../images/Bottom003085-sina.svg");background-size: auto 50%;} .Bottom003009 .share li.dy a{background-image: url("../images/Bottom003085-sph.png");} .Bottom003009 .share li a:hover{background-color: #095ebd;} @media(min-width:1025px){ .Bottom003009 .share{float: left;} } @media(max-width:1024px){ .Bottom003009 .share{display: table; margin: 2vw auto 0;} } @media(max-width:640px){ .Bottom003009 .share li a{width: 10vw; height: 10vw;} } @media(max-width:480px){ } /*Banner003144 */ .Banner003144{position: relative;margin-top: 100px;} .Banner003144 .txt{position: absolute; left: 0; top:45%;width: 100%; z-index: 10;color: #fff; font-size:.4rem;} .Banner003144 .txt .en{font-size: 0.2rem;text-transform: uppercase;} .Banner003144 .txt .cn{font-family: 'HarmonyOS_Sans_SC_Medium';} .Banner003144 .pc{background-position: center center; background-repeat: no-repeat; height: 31.25em; background-size: cover;} @media (min-width:1025px) { .Banner003144 .wap{display: none;} } @media (max-width:1024px) { .Banner003144{margin-top:75px;} .Banner003144 .txt{font-size:0.3rem;top:36%;} .Banner003144 .txt .en{font-size:14px;} .Banner003144 .pc{display: none;} .Banner003144 .pcimg{display: none} } /*Menu003135 */ .Menu003135{box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.04);background: #fff} .Menu003135 .current{ font-size: 0.875em; padding-left: 1.21428em;background: url(../images/Menu003135-icon.svg) no-repeat left center;background-size: 1em auto; line-height:90px;} .Menu003135 .current, .Menu003135 .current a:not(:hover){color: #999;} .Menu003135 .current span{color: #333;} .Menu003135 .nav-menu li{float: left;line-height:90px;} .Menu003135 .nav-menu li:not(:last-child){margin-right:3em;} .Menu003135 .nav-menu li a{display: block;position: relative;} .Menu003135 .nav-menu li a:hover, .Menu003135 .nav-menu li.aon a{color: #095ebd;} .Menu003135 .nav-menu li.aon a:before{position: absolute;content: ''; left: 0; bottom: 0;width: 100%; height: 2px;background-color: #095ebd;} @media (max-width:1024px) { .Menu003135 .current{display: none;} .Menu003135 .nav-menu li{line-height:28px;margin-right:0em;width:33.3%;text-align: center;} .Menu003135 .nav-menu li:not(:last-child){margin-right:0;} .Menu003135 .nav-menu li a{font-size:16px;padding:11px 0;} } .society{padding: 5% 0 4%;} .society .title{text-align: center;color: #333;} .society .title h3{margin: 0;font-size: .4rem;font-family: 'HarmonyOS_Sans_SC_Medium';transform: translateY(-40px)} .society .title p{margin: 0;font-size: .66rem;font-family: 'Oswald-Bold';text-transform: uppercase;opacity: .03} .society .info{max-width: 80%;text-align: center;color: #666;line-height: 2;margin-bottom: 3vw} .society .list li{float: left;width: 100%;margin-bottom: 2%;background: #f5f6fb;padding: .5rem} .society .list li:nth-child(2n){margin-right: 0} .society .list li .icon{width: 12%;float: left;position: relative} .society .list li .icon .num{font-size: 1rem;font-family: 'Oswald-Bold';color: rgba(0,0,0,.03);line-height: 1;display: inline-block;} .society .list li .icon::before{content: '';position: absolute;width: 50px;height: 1px;background: #095ebd;right:0%;top: 34px;} .society .list li .txt{float: right;width: 85%} .society .list li .txt .tit{color: #333;font-size: .22rem;font-family: 'HarmonyOS_Sans_SC_Bold';padding-bottom: 1%} .society .list li .txt img{max-width:60px;margin-right: 20px} .society .list li .txt p{line-height: 2;margin: 0;font-size: .15rem} @media(max-width:768px){ .society .info{max-width:100%;text-align: left;font-size:16px;} .society .info br{display: none;} .society .list li{padding:4%;} .society .list li .icon .num{font-size:52px;} .society .list li .icon::before{top:25px;} .society .list li .txt{width:100%;} .society .list li .txt .tit{font-size:20px;} .society .list li .txt img{max-width:40px;margin-right:16px;margin-top:-6px;} .society .list li .txt p{font-size:15px;line-height: 29px;text-align: justify;} } /*Menu002937 */ .Menu002937{padding: 4% 0;} .Menu002937 .ul{text-align: center} .Menu002937 .ul li{display: inline-block;margin: 1px 0;} .Menu002937 .ul li:not(:last-child){margin-right: 10px;} .Menu002937 .ul li a{display: block;line-height:3;min-width: 141px;padding: 0 1em;background: #f5f5f5; text-align: center;} .Menu002937 .ul li.aon a, .Menu002937 .ul li a:hover{color: #fff;background: #095ebd;} @media(max-width:768px){ .Menu002937 .ul li a{min-width: 18.36vw;font-size: 3.5vw;} } @media(max-width:480px){ .Menu002937 .ul li a{font-size: 4vw;line-height: 2em;} } /*RighInfo002816 */ .RighInfo002816{padding-top:2%;} .RighInfo002816 .title{text-align: center;color: #333;} .RighInfo002816 .title h3{margin: 0;font-size: .4rem;font-family: 'HarmonyOS_Sans_SC_Medium';transform: translateY(-40px)} .RighInfo002816 .title p{margin: 0;font-size: .66rem;font-family: 'Oswald-Bold';text-transform: uppercase;opacity: .03} .RighInfo002816 .img-block{display: block;width: 100%;} .RighInfo002816 ul{margin-bottom: 6%;position: relative} .RighInfo002816 ul .inner{background: #f1f6fa;padding: 12% 15%;} .RighInfo002816 ul h3{ font-size:.3rem; color: #095ebd;font-family: 'HarmonyOS_Sans_SC_Medium';font-weight: normal;border-bottom: 1px solid #dadbdd;padding-bottom: 8%;margin-top: 0} .RighInfo002816 ul .li p{ line-height:2; color: #666;} .RighInfo002816 ul .li .icon{padding-bottom: 15px;} @media(min-width:1025px){ .RighInfo002816 ul:nth-child(2n+1) .li{right: 0;left: auto;margin-right: -3%} .RighInfo002816 ul .ol{width: 100%;} .RighInfo002816 ul .li{position: absolute;width: 47%;left: 0;top: 50%;margin-top: -190px;z-index: 10;} .RighInfo002816 ul .li{margin-left: -3%} } @media(max-width:1024px){ .RighInfo002816 ul .li{padding: 0!important;} .RighInfo002816 ul .inner{ padding: 20px;} } .zpwh{padding: 0% 0 5%} .zpwh .title{text-align: center;color: #333;} .zpwh .title h3{margin: 0;font-size: .4rem;font-family: 'HarmonyOS_Sans_SC_Medium';transform: translateY(-40px)} .zpwh .title p{margin: 0;font-size: .66rem;font-family: 'Oswald-Bold';text-transform: uppercase;opacity: .03} .zpwh li { position: relative; height: 280px; width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); background-size: cover; background-repeat: no-repeat; float: left; } .zpwh li:nth-child(1) { width: -webkit-calc(100% / 3 * 2); width: -moz-calc(100% / 3 * 2); width: calc(100% / 3 * 2); } .zpwh li:nth-child(6), .zpwh li:nth-child(7), .zpwh li:nth-child(8), .zpwh li:nth-child(9){width:50%;} .zpwh li .txt { position: relative; width: 100%; height: 100%; padding: 36px 36px 32px; cursor: pointer; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; overflow: hidden; color: #fff; } .zpwh li .txt .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.2, 1); -o-transition: all 0.5s cubic-bezier(0.2, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.2, 0, 0.2, 1); -webkit-transform: translate(0, 280px); -moz-transform: translate(0, 280px); -ms-transform: translate(0, 280px); -o-transform: translate(0, 280px); transform: translate(0, 280px); } .zpwh li:nth-child(1) .txt .bg { background-color: rgb(254, 146, 0); } .zpwh li:nth-child(2) .txt .bg { background-color: rgb(174, 161, 255); } .zpwh li:nth-child(3) .txt .bg { background-color: rgb(0, 156, 224); } .zpwh li:nth-child(4) .txt .bg { background-color: rgb(104, 188, 0); } .zpwh li:nth-child(5) .txt .bg { background-color: rgb(253, 161, 255); } .zpwh li .txt h3 { display: block; position: relative; font-size: .28rem; font-weight: 600; z-index: 1; line-height: 40px; margin: 0; font-weight: normal } .zpwh li .txt p { display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 8; -webkit-box-orient: vertical; position: relative; word-break: break-all; z-index: 1; margin-top: 12px; opacity: 0; -webkit-transform: translate(0, 93.33333333333333px); -moz-transform: translate(0, 93.33333333333333px); -ms-transform: translate(0, 93.33333333333333px); -o-transform: translate(0, 93.33333333333333px); transform: translate(0, 93.33333333333333px); -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.2, 0, 0.2, 1); -o-transition: all 0.5s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.2, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.2, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.2, 0, 0.2, 1); white-space: pre-wrap; } .zpwh li:hover .txt .bg { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .zpwh li:hover .txt p { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } @media(max-width:1024px) { .zpwh{padding-top: 30px} .zpwh .title{margin-bottom: 20px;} .zpwh li { width: -webkit-calc(100% / 1); width: -moz-calc(100% / 1); width: calc(100% / 1); float: none; height: 160px; } .zpwh li:nth-child(1) { width: -webkit-calc(100% / 1); width: -moz-calc(100% / 1); width: calc(100% / 1); } .zpwh li .txt { padding: 15px 36px; } } .Floor003105{overflow: hidden;padding: 0 0 5%} .Floor003105 .auto{max-width:1400px;width:92%;} .Floor003105 .title{text-align: center;color: #333;} .Floor003105 .title h3{margin: 0;font-size: .4rem;font-family: 'HarmonyOS_Sans_SC_Medium';transform: translateY(-40px)} .Floor003105 .title p{margin: 0;font-size: .66rem;font-family: 'Oswald-Bold';text-transform: uppercase;opacity: .03} .Floor003105 .auto{position: relative} .Floor003105 .slick-arrow{position: absolute;width: 44px; height: 44px;border-radius: 50%;z-index: 20;font-size: 1em; text-indent: 999em;background: rgba(0,0,0,0.3);} .Floor003105 .slick-arrow:before {position: absolute;content: '';width: 10px;height: 10px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;left: 50%;top: 50%;margin: -5px 0 0 -3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor003105 .slick-next{transform: rotateY(180deg);} .Floor003105 .slick-arrow:hover{background: rgba(9,94,189,1);} .Floor003105 .slider li .word{background:url(../images/staff-right-img.png);background-size: cover;background-repeat: no-repeat;background-position:top center;padding: 3vw;color: #333;line-height: 1.5;font-size: .18rem;border: 1px solid #ebebeb} .Floor003105 .slider li .word .tit{padding-top:15%;font-size: .16rem;color: #666} @media (min-width:1025px) { .Floor003105 .slider{width: 100%;overflow: hidden} .Floor003105 .slider .slick-list{overflow: inherit;} .Floor003105 .slider li:not(.slick-center){/*opacity: 0.4;*/} .Floor003105 .slick-arrow{top: 50%; margin-top: -1.25em;} .Floor003105 .slick-prev{left: -6%;} .Floor003105 .slick-next{right: -6%;} .Floor003105 .slider li .pic{width: 50%;} .Floor003105 .slider li .txt{padding:0 1.37em 0 1.2em;} } @media (max-width:1600px) { .Floor003105 .slider li .txt p{margin-bottom: 5vw;} } @media (max-width:1024px) { .Floor003105{padding: 30px 0} .Floor003105 .title{width: 90%; margin: 0 auto 0.3em;} .Floor003105 .slider li a, .Floor003105 .slider li .ytable-cell{display: block;} .Floor003105 .slider li .txt{padding:0.5em 5%;} .Floor003105 .slick-arrow{top: 50%; margin-top: -1.75em;} .Floor003105 .slick-prev{left: 1%;} .Floor003105 .slick-next{right: 1%;} } @media (max-width:480px) { .Floor003105 .slider li .txt .tit{font-size: 0.32em;} .Floor003105 .slider li .txt p{font-size: 0.24em;} } /*TextList003149 */ .TextList003149{padding-top:2.5%;} .TextList003149 .morerecruit{font-size:16px;text-align: right;} .TextList003149 .morerecruit a{background:#095ebd;color:#fff;display: inline-block;padding: 10px 24px;border-radius: 3px;margin-bottom: 30px;} .TextList003149 .type dd{position: relative;color: #333;} .TextList003149 .type dd span{color: #999999;display: inline-block;padding-left: 1.25em;background-repeat: no-repeat;background-position: left center; background-size: 1em auto;} .TextList003149 .type dd.edu span{background-image: url(../images/Floor003147-edu.svg);} .TextList003149 .type dd.num span{background-image: url(../images/Floor003147-user.svg);} .TextList003149 .type dd.wp span{background-image: url(../images/Floor003147-place.svg);} .TextList003149 .type dd.time span{background-image: url(../images/Floor003147-time.svg);} @media (min-width:1025px) { .TextList003149 .type{overflow: hidden;} .TextList003149 .type dd{float: left;} .TextList003149 .type dd:not(:last-child):after{position: absolute;content: ''; width: 1px;height: 10px;background-color: #d4d4d4; top: 50%;margin-top: -5px;right: 0;} } .TextList003149 .list li{border-radius: 5px; border: solid 1px #f0f0f0; transition: 0.3s; cursor: pointer; } .TextList003149 .list li:hover{border-color: #095ebd;box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.08);} .TextList003149 .list li .inner{padding: 2.5em;} .TextList003149 .list li .name{font-size: 1.25em;color: #333333;} .TextList003149 .list li .type{border-bottom: 1px dotted rgba(0, 0, 0, 0.2);font-size: 0.875em; padding:1em 0 1.5em 0;margin-bottom: 1em;} .TextList003149 .list li .type dd:not(:last-child){padding-right: 1.7142em;margin-right: 1.7142em;} .TextList003149 .list li .intro{font-size: 0.875em;color: #999999;line-height: 1.7857;margin-bottom: 1em; min-height: 3.5714em;} .TextList003149 .list li .view{color: #095ebd;font-size: 0.875em;padding-right: 1.6428em;background: url(../images/Floor003147-icon.svg) no-repeat right center; background-size: 1.1428em auto;} @media (min-width:1025px) { .TextList003149 .list li{float: left;width: 49.286%;margin-bottom: 1.5%;} .TextList003149 .list li:nth-child(2n){float: right;} .TextList003149 .list li:nth-child(2n+1){clear: left;} } @media (max-width:1024px) { .TextList003149 .list li{margin-bottom: 2em;} .TextList003149 .list li .inner{padding: 1em;} } .TextList003149 .popUp-box{position: fixed;left: -100%;width: 100%; top: 0;height: 100%; background-color: rgba(0,0,0,0.5); overflow: auto; z-index: 200;} .TextList003149 .popUp-box.show{left: 0;} .TextList003149 .popUp-box .ytable{height: 100%;} .TextList003149 .popUp-box .main{position: relative; max-width: 1300px; background-color: #fff; width: 90%; margin: 0 auto;} .TextList003149 .popUp-box .main .colse{position: absolute;width: 1.5625em; height: 1.5625em; right: 1.25em;top: 1.25em; background: url(../images/Floor003147-close.svg) no-repeat;background-size: contain;z-index: 10; cursor:pointer;} .TextList003149 .popUp-box .main > div{width: 90%;margin: 0 auto;max-width: 1200px;} .TextList003149 .popUp-box[data-type="form"] .main > div{max-width: 1082px;} .TextList003149 .popUp-box .name{font-size: 2.25em;color: #333; padding:1em 0;text-align: center;} .TextList003149 .popUp-box[data-type="form"] .name{border-bottom: 1px solid #000000; margin-bottom: 1em;} .TextList003149 .from{padding-bottom: 3em;} .TextList003149 .from .text{width: 100%;height: 3.125em; line-height: 3.125em; font-size: 1em; border-radius: 5px; border:solid 1px rgba(139,139,139,0.2);} .TextList003149 .from textarea.text{height: auto;} .TextList003149 .from table{font-size: 0.875em;width: 94%;margin: 0 auto;} .TextList003149 .from table tr, .TextList003149 .from table td{font-size: 1em;} .TextList003149 .from td{color: #333333; } .TextList003149 .from .btn{width: 10em;height: 3.75em;background: #095ebd;box-shadow: 0px 0.625em 1.875em rgba(218, 37, 29, 0.08);border-radius: 5px;color: #fff; border: 0; cursor:pointer;font-size: 1em;padding: 0;} .TextList003149 .from .btn-reset{background: #6e6e6e;} .TextList003149 .from .btn + .btn{margin-left: 0.625em;} .TextList003149 .load-info .type{background-color: #f0f0f0; padding: 0.625em 0;} .TextList003149 .load-info .intro-tit, .TextList003149 .load-info .edit-info{max-width: 1082px;margin: 0 auto; width: 95%;} .TextList003149 .load-info .intro-tit{border-bottom: 1px solid #000000; font-size: 1.125em; line-height: 2; margin-top:2em; margin-bottom: 1em;color: #333;} .TextList003149 .load-info .edit-info{font-size: 0.875em;line-height: 2.57142; color: #999;} @media (min-width:1025px) { .TextList003149 .load-info .type{text-align: center;} .TextList003149 .load-info .type dd{float: none;display: inline-block;padding: 0 48px; line-height: 2.5;} .TextList003149 .from .f-name{text-align: right;} .TextList003149 .from td{line-height: 3.125em;vertical-align: top;padding-bottom: 1.428571em;} .TextList003149 .from .w1{width:6.7857em;} .TextList003149 .from .w2{width:36.969%;} .TextList003149 .from .w3{width:15.712%;} } @media (max-width:1024px) { .TextList003149 .load-info .type{padding:1em;} .TextList003149 .popUp-box .name{font-size: 1.5em;} .TextList003149 .from td{display: block;} .TextList003149 .from .f-name{padding-top: 1em;} } .TextList003149 .apply{max-width: 1082px;margin: 30px auto 0;width: 95%;font-size: .14rem;color: #666;} .TextList003149 .apply a{color: #095ebd;} .TextList003149 .apply-btn{text-align: center; padding:3em 0} .TextList003149 .apply-btn a{display: inline-block;font-size: 1.125em;background-color: #095ebd; border-radius: 5px; line-height: 3; padding: 0 2em;color: #fff; cursor:pointer;} .TextList003149 .apply-btn a:before{display: inline-block;width: 1.2222em; height: 1.2222em;content: ''; background: url(../images/Floor003147-seed.svg) no-repeat; background-size: contain; vertical-align: middle; margin-right: 1em;} /*Page002046 */ .Page002046 .Pages{ text-align:center; padding:3% 0;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#095ebd; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages em a{ float:left; margin-left:-1px;} .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .p_jump{color:#999;} .Page002046 .Pages .p_jump b{font-weight:normal} .Page002046 .Pages .p_jump .i_text{width: 50px;height: 40px;border:1px solid #ececec;text-align:center;font-weight:normal;color:#666;margin: 0 6px;} .Page002046 .Pages .p_jump .i_button{background: none;padding: 0 14px;line-height: 38px;font-family: 'HarmonyOS_Sans_SC_Regular';color: #999;border: 1px solid #ececec;margin-left: 3px;cursor: pointer;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:37px;} .Page002046 .Pages .a_next{ background-image:url(../images/Page002046-a_next.gif);} @media(max-width:640px){ .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} .Page002046 .Pages .p_jump{display: block;margin-top:5px;} .Page002046 .Pages .p_jump .i_text{height: 35px} .Page002046 .Pages .p_jump .i_button{line-height: 33px;} } @media(max-width:480px){ .Page002046 .Pages{padding:3% 0 8%;} .Page002046 .Pages a{padding:0 12px;line-height: 35px; } .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{width:40px;} } .lm-title{text-align: center;color: #333;margin-bottom:30px; line-height: 1;} .lm-title h3{margin: 0;font-size: .36rem;font-family: 'HarmonyOS_Sans_SC_Medium';transform: translateY(-40px)} .lm-title p{margin: 0;font-size: .60rem;font-family: 'Oswald-Bold';text-transform: uppercase;opacity: .03} .lm-title .txt{margin: 0;font-size: .18rem;} @media(max-width:768px){ .lm-title{line-height: 30px;margin-bottom:0;} .lm-title h3{font-size:28px; transform: translateY(-18px);} .lm-title p{font-size:0.45rem;} } .content2{background:#f8f8f8;/*padding-top:5%; */overflow: hidden;} .cybj{padding:0% 0 0;} .cybj .lm-title h2{text-align: center;font-size:32px;color:#333;font-weight: normal;margin:0;opacity: 0;} .txt-title{margin: -5% 0 5%;} .txt-title h2{text-align: center;font-size:32px;color:#333;font-weight: normal;margin:0;} /*Floor003083 */ .Floor003083{font-size: 16px;padding-top:5%; padding-bottom: 5%;} .Floor003083 .auto{max-width: 1400px;width: 94%;position: relative; z-index: 2;} .Floor003083 .title{font-size: 32px;color: #333;text-align: center;margin-bottom:10px;} .Floor003083 .title p{font-size:22px;color:#666;margin:0;margin-top:10px;} .Floor003083 .title p span{color:#095ebd;font-size:55px;margin:0 10px;} .Floor003083 .title p span b{font-weight: normal;} .Floor003083 .title p span sup{font-size:28px;} .Floor003083 .slick-dots{text-align: center;} .Floor003083 .slick-dots li{display: inline-block;width: 8px; height: 8px; margin: 10px 0;position: relative;list-style: none; margin: 0 9px;} .Floor003083 .slick-dots li button{font-size: 0; width: 6px; height: 6px; background: rgba(0,0,0,0.18);border: 0;padding: 0; position: absolute; border-radius: 50%;} .Floor003083 .slick-dots li:not(.slick-active) button{left: 50%; top: 50%; margin: -3px 0 0 -2px;} .Floor003083 .slick-dots li.slick-active button{width: 100%; height: 100%; left: 0; top: 0;background: #095ebd;} .Floor003083 .slider{margin: 0 -45px 0 -40px; padding-right: 5px;} .Floor003083 .slick-slide{overflow: hidden;padding: 40px;} .Floor003083 .slick-slide > div{float: left; margin-left: -1px;border: 1px solid #f5f5f5;margin-top: -1px;background:#fff;} .Floor003083 .slick-slide a{position: relative; z-index: 3; display: block;padding: 0 6%;} .Floor003083 .slick-slide .Ispic{height: 130px;background-size: contain;} .Floor003083 .slick-slide .url{position: relative;} .Floor003083 .slick-slide .url:before{position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; content: '';background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); opacity: 0;transition: 0.3s;} .Floor003083 .slick-slide .url:hover:before{opacity: 1;} .Floor003083 .slick-slide .url:hover{z-index: 4;} @media(min-width:1025px){ .Floor003083 .slick-slide > div{width: 16.6667%;} .Floor003083 .slick-slide > div:nth-child(6n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } } @media(min-width:751px) and (max-width:1024px){ .Floor003083 .slick-slide > div{width: 25%;} .Floor003083 .slick-slide > div:nth-child(4n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } } @media(min-width:641px) and (max-width:750px){ .Floor003083 .slick-slide > div{width: 33.333%;} .Floor003083 .slick-slide > div:nth-child(3n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } } @media(max-width:640px){ .Floor003083{padding-top:8%;} .Floor003083 .title{font-size: 26px} .Floor003083 .title p{font-size:16px;} .Floor003083 .title p span{font-size:30px;} .Floor003083 .slick-slide > div{width: 50%;} .Floor003083 .slick-slide > div:nth-child(2n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } .Floor003083 .slick-slide .Ispic{height: 28vw;} } /*Galary003154 */ .Galary003154{padding-bottom:5%;font-size:16px;} .Galary003154 .title{text-align: center;font-size:32px;color:#333;margin-bottom:30px !important;} .Galary003154 .auto > div{ max-width: 1560px;margin: 0 auto; overflow: hidden;} .Galary003154 .slider-for .Ispic{padding-bottom: 47.059%;} .Galary003154 .slider-for li{position: relative;} .Galary003154 .slider-for li .txt{position: absolute; bottom: 0; left: 50px;background-color: #095ebd; color: #fff; font-size: 1.5em;line-height: 2.5; padding:0.8em 0; width: 13em;text-align: center;transition: 0.5s 1s; opacity: 0;} .Galary003154 .slider-for li.slick-current .txt{opacity: 1;left: 0;} .Galary003154 .auto .slider-nav{margin-top: 1.625em;} .Galary003154 .slider-nav .slider{margin: 0 -0.7em;} .Galary003154 .slider-nav li div{padding: 0 0.9375em;} .Galary003154 .slider-nav .Ispic{padding-bottom: 60.706%; border: 2px solid #fff;border-radius: 4px;} .Galary003154 .slider-nav li.slick-current .Ispic{border-color: #095ebd;} .Galary003154 .slick-arrow{width:2.8125em; border-radius: 50%;height: 2.8125em;border: solid 2px #ffffff;font-size: 1em;z-index: 10;position: absolute; top: 50%;margin-top: -1.40625em;background-position: center;background-repeat: no-repeat;background-size: 44% auto;} .Galary003154 .slick-prev{left: 1.25em; background-image: url(../images/Galary003154-btn-prev.svg);} .Galary003154 .slick-next{right: 1.25em; background-image: url(../images/Galary003154-btn-next.svg);} .Galary003154 .slick-arrow:hover{background-color: #095ebd;border-color: #095ebd;} @media (min-width:1025px) { .Galary003154 .auto{font-size:16px;} } @media (max-width:1024px) { .Galary003154 .auto{padding:2em 0;} .Galary003154 .auto .slider-nav{margin-top: 0.5em;} .Galary003154 .slider-nav .slider{margin: 0 -0.3em;} .Galary003154 .slider-nav li div{padding: 0 0.3em;} } .hwsc{padding-bottom:0%;} .hwsc .auto{position: relative;} .hwsc .txt{position: absolute;width:100%;top:40%;z-index: 88;color:#fff;text-align: center;} .hwsc .txt h2{font-size:32px;font-weight: normal;margin:0;} .hwsc .txt p{font-size:22px;margin-top:10px;} .hwsc .txt p span{font-size:64px;margin:0 15px;} .hwsc .txt p span b{font-weight: normal;} .hwsc .txt p span sup{font-size:28px;margin-left:10px;} .hwsc .img{background:#000;} @media(max-width:768px){ .hwsc .txt{top:24%;} .hwsc .txt h2{font-size:26px;font-weight: normal;} .hwsc .txt p{font-size:16px;} .hwsc .txt p span{font-size:36px;margin:0 10px;} .hwsc .txt p span sup{font-size:24px;} } /*Floor002889 */ .Floor002889{padding-bottom:5%;} .Floor002889 .txt h3{margin: 0;font-size: .46rem;font-family: 'HarmonyOS_Sans_SC_Medium';transform: translateY(-40px)} .Floor002889 .txt p{margin: 0;font-size: .40rem;font-family: 'Oswald-Bold';text-transform: uppercase;opacity: .3} .Floor002889 .auto{position: relative; z-index: 1; width: 92%; max-width: 1400px;} .Floor002889 .slider-txt .num{font-size: 46px;color: #095ebd; font-weight: bold;} .Floor002889 .slider-txt .name{color: #bbb; padding: 0.5vw 0 1.2vw 0; } .Floor002889 .slider-txt .name .cn{font-size: 26px;color:#333;} .Floor002889 .slider-txt .name .en{font-size: 16px; text-transform: uppercase;} .Floor002889 .slider-txt .word p{font-size:16px;position: relative;padding-left:13px;line-height: 30px;} .Floor002889 .slider-txt .word p:after{content:'';width:4px;height: 4px;background:#01b0cd;position: absolute;left:0;top:13px;border-radius: 50%} .Floor002889 .slider-txt dd p{font-size:15px;margin:9px 0;} .Floor002889 .slider-txt dd span{color:#fff;background:#095ebd;padding:10px 10px 10px 24px;width:247px;display: block;border-radius: 3px;} .Floor002889 .slider-txt dd span:after{content:'';width:4px;height: 4px;background:#fff;display: block;border-radius: 50px;position: absolute;left:12px;top:19px; } .Floor002889 .slider-txt .dl2 dd span{width:247px;margin-top:10px; margin-bottom:20px;position: relative; } .Floor002889 .slider-txt pre{line-height: 1.875em;color: #999;font-size: 16px;height: 7.5em;} .Floor002889 .slider-txt .btn{padding-top: 2vw;} .Floor002889 .slider-txt .slick-arrow{width: 56px; height: 56px;border-radius: 50%;border: 1px solid #095ebd; z-index: 2;position: relative;} .Floor002889 .slider-txt .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid #095ebd;border-top: 2px solid #095ebd; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;} .Floor002889 .slider-txt .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Floor002889 .slider-txt .slick-prev{margin-right: 30px;} .Floor002889 .slider-txt .slick-disabled{border-color: #e5e5e5; cursor: default;} .Floor002889 .slider-txt .slick-disabled:before{border-color: #bbb; } @media(max-width:768px){ .Floor002889 .slider-txt .slick-arrow{width: 8vw;height: 8vw;} .Floor002889 .slider-txt .slick-prev{margin-right: 5vw;} } .Floor002889 .dot-icon .slick-dots li{list-style: none; margin: 20px 0;} .Floor002889 .dot-icon .slick-dots li.slick-active button{ background: rgb(9,94,189); /* Old browsers */ background: -moz-linear-gradient(left, rgba(9,94,189,1) 0%,rgba(1,176,205,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(9,94,189,1) 0%,rgba(1,176,205,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(9,94,189,1) 0%,rgba(1,176,205,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .Floor002889 .dot-icon .slick-dots li button{border: 0;background: none; border-radius: 80px; padding: 0 10px;height: 80px; width: 100%; text-align: left; cursor: pointer;} .Floor002889 .dot-icon .slick-dots li button > *{display: inline-block; vertical-align: middle;} .Floor002889 .dot-icon .slick-dots li b{color: #333;font-size: 28px; margin-left: 15px;font-weight: normal;} .Floor002889 .dot-icon .slick-dots li.slick-active b{color: #fff;} .Floor002889 .dot-icon .slick-dots li i{border-radius: 50%; background: #fff } .Floor002889 .dot-icon .slick-dots li img{display: block;width: 100%;} .Floor002889 .slider-pic{width: 30.479vw;height: 30.479vw; margin: 7.147vw auto;position: relative; box-shadow: 0 20px 40px rgba(9,94,189,0.05);border-radius: 50%; z-index: 1;} .Floor002889 .slider-pic a.link{position: absolute;width:100%;height: 100%; z-index: 99;border-radius: 50%;background:rgba(0,0,0,0.15);} .Floor002889 .slider-pic a.link:hover{background:rgba(9,94,189,0.5);} .Floor002889 .slider-pic ul .slick-list, .Floor002889 .slider-pic ul .slick-track, .Floor002889 .slider-pic ul li, .Floor002889 .slider-pic ul{height: 100%;} .Floor002889 .slider-pic .Ispic{height: 100%;border-radius: 50%;} .Floor002889 .slider-pic .txt{position: absolute;width:100%;height: 100%;top:0;border-radius: 50%;z-index: 888; text-align: center;padding-top:43%;color: #fff;} .Floor002889 .slider-pic .txt img{max-width:70px;margin-bottom:10px;} .Floor002889 .slider-pic .txt h2{margin:0;color:#fff;font-size:32px;font-weight: normal;} .Floor002889 .slider-pic .quan i{position: absolute;border-radius: 50%; border: 1px solid #e8e8e8; z-index: 2;} .Floor002889 .slider-pic .quan i:nth-child(1){left: -10%;right: -10%;top: -10%;bottom: -10%;} .Floor002889 .slider-pic .quan i:nth-child(2){left: -25%;right: -25%;top: -25%;bottom: -25%; animation: orbit linear 30s infinite;} .Floor002889 .slider-pic .quan i:nth-child(2):before{position: absolute; content: ''; width: 14px; height: 14px; border-radius: 50%;right: 11.5%;top: 16%;box-shadow: 6px 0 10px rgba(8,102,190,0.2); background: rgb(8,102,190); /* Old browsers */ background: -moz-linear-gradient(left, rgba(8,102,190,1) 0%, rgba(1,172,204,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(8,102,190,1) 0%, rgba(1,172,204,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(8,102,190,1) 0%, rgba(1,172,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .Floor002889 .slider-pic .quan i:nth-child(3){left: -40%;right: -40%;top: -40%;bottom: -40%;} .Floor002889 .slider-pic .quan i:nth-child(4){left: -1px;right:-1px;top: -1px;bottom:-1px; box-shadow: 0 -9px 2px #086ac0 inset; border: 0; transform: rotate(-42deg);-webkit-transform: rotate(-42deg);-ms-transform: rotate(-42deg); background: -moz-linear-gradient(170deg, rgba(255,113,24,0) 0%, rgba(255,113,24,0) 42%, rgba(255,113,24,0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(170deg, rgba(255,113,24,0) 0%,rgba(255,113,24,0) 42%,rgba(255,113,24,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(170deg, rgba(255,113,24,0) 0%,rgba(255,113,24,0) 42%,rgba(9,94,189,0.0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff7118', endColorstr='#e6ff7118',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } @-webkit-keyframes orbit{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}} .Floor002889 .dl dd{font-size:20px;z-index: 99;} .Floor002889 .dl dd .a{position: relative;padding-left:14px;display: block;} .Floor002889 .dl dd .a:after{content:''; position: absolute;left:0;top:16px;width:5px;height: 5px;background:#01b0cd;border-radius: 20px;} .Floor002889 .dl dd a:hover{color:#095ebd;} .Floor002889 .dl dd .link{padding-left:16px; font-size: 16px;} .Floor002889 .dl dd .link p{margin:10px 0;} .Floor002889 .dl dd .link p a{color:#666;} .Floor002889 .dl dd .link p a:hover{color:#095ebd;} @media(min-width:1025px){ .Floor002889 .dot-icon, .Floor002889 .slider-txt{position: absolute; top:46%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); z-index: 10;} .Floor002889 .slider-txt{ left: 0; width: 30%;max-width: 370px;} .Floor002889 .dot-icon{ right: 0; width: 360px;} .Floor002889 .dl dd{position: absolute;font-size:24px;z-index: 99;width:50%;} .Floor002889 .dl dd .link{font-size:18px;} .Floor002889 .dl dd:nth-child(1), .Floor002889 .dl dd:nth-child(3){ text-align:right;} .Floor002889 .dl dd:nth-child(1) .a, .Floor002889 .dl dd:nth-child(3) .a{padding-left:auto; padding-right: 14px;} .Floor002889 .dl dd:nth-child(1) .a:after, .Floor002889 .dl dd:nth-child(3) .a:after{left:auto;right: 0;} .Floor002889 .dl dd:nth-child(1) .link, .Floor002889 .dl dd:nth-child(3) .link{padding-left:0;padding-right: 16px;} .Floor002889 .dl dd:nth-child(1){left:-16.6vw; top:7vw;} .Floor002889 .dl dd:nth-child(2){right:-16.6vw;top: 7vw;} .Floor002889 .dl dd:nth-child(3){left: -11.46vw;bottom: 0;} .Floor002889 .dl dd:nth-child(4){right:-11.46vw;bottom: 0;} .Floor002889 .dl dd:nth-child(5){left:50%;top:-5.75vw; text-align:center; transform: translateX(-50%);} .Floor002889 .dl dd:nth-child(5) .a{padding-bottom: 15px; padding-left: 0;} .Floor002889 .dl dd:nth-child(5) .a:after{left:50%; margin-left: -2.5px; top: auto; bottom: 0;} } @media(min-width:1366px){ .Floor002889 .dl dd{font-size:30px} } @media(max-width:1024px){ .Floor002889 .dot-icon{overflow: hidden;} .Floor002889 .dot-icon li{float: left;width: 20%; } .Floor002889 .dot-icon .slick-dots li button{height: auto; padding: 1vw;text-align: center;} .Floor002889 .dot-icon .slick-dots li i{width: 4vw;display: block; margin: 0 auto 0.5vw;} .Floor002889 .dot-icon .slick-dots li b{font-size: 2.2vw;margin-left: 1vw;} .Floor002889 .slider-pic{width: 60vw;height: 60vw; margin: 0 auto 60vw;} .Floor002889 .slider-pic .quan i:nth-child(2):before{width: 12px; height: 12px;right: 11%;top: 15%;} } @media(max-width:640px){ .Floor002889{padding-top:15%;margin-top:0;} .Floor002889 .dot-icon .slick-dots li b{font-size: 3vw;} .Floor002889 .slider-txt .num{font-size: 9vw;} .Floor002889 .slider-txt .name .cn{font-size: 7vw;} .Floor002889 .slider-txt .name .en{font-size: 5vw;} .Floor002889 .slider-txt pre{font-size: 3vw;} .Floor002889 .slider-pic .txt{padding-top:28%;} .Floor002889 .slider-pic .txt img{max-width:50px;} .Floor002889 .slider-pic .txt h2{font-size:24px;} .Floor002889 .slider-pic .quan i:nth-child(3){display: none;} } /* .Floor000905 涓篸emo缂栧彿 */ .Floor000905{padding:3% 0 5%;} .Floor000905 .auto{position:relative;background:#f7f7f7;background: url(../images/h_bg.jpg) center center; overflow:hidden;} .Floor000905 .title{font-size:32px;line-height:62px;background-size:contain;color:#343434;margin-bottom: 30px;position:relative;padding-bottom:10px;border-bottom:1px solid #e4e4e4;} .Floor000905 figure{font-size:16px;float: left;width: 48%;padding:3% 5%;} .Floor000905 figure .tips{ padding:10% 0;} .Floor000905 figure li{line-height:25px;margin-bottom: 25px;padding-left:30px;background:url(../images/Floor000905-icon1.png) no-repeat left 3px;} .Floor000905 figure li:nth-child(2){ background-image:url(../images/Floor000905-icon2.png);} .Floor000905 figure li:nth-child(3){background-image: url(../images/Floor000905-icon3.png);} .Floor000905 figure li:nth-child(4){ background-image:url(../images/Floor000905-icon4.png);} .Floor000905 figure li.email{ background-image:url(../images/Floor000905-icon4.png);} .Floor000905 .more a{background: #095ebd;color: #fff;font-size: 16px;max-width: 180px;height: 48px;line-height: 50px;display: block; margin-top: 6%;text-align: center;} .Floor000905 .job{background-size:cover;} .Floor000905 .job a:hover{ background-color:rgba(244,166,15,0.8); color:#fff;} .Floor000905 .job h2{ font-size:22px; margin:0;} .Floor000905 .job p{ margin: 20px 0; line-height:25px;} .Floor000905 .job span{ background:url(../images/Floor000905-a_more.png) no-repeat; width:38px; height:9px; display:inline-block;} @media(max-width:768px){ .Floor000905 figure{font-size:14px;} /*.Floor000905 figure .tips,*/ .Floor000905 .job p{ font-size:12px;} } @media(min-width:640px){ .Floor000905 .job{width: 51.5%;float: right;} .Floor000905 .job a{ position:absolute; height:100%; width:50%; left:0; top:0; padding-left:5%; padding-top:50%;} } @media(max-width:640px){ .Floor000905 figure{width:100%;padding:5% 5%;} .Floor000905 figure .tips{ padding:20px 0;} .Floor000905 figure li{font-size:16px;margin-bottom:18px;} .Floor000905 .job a{ padding:5% 0 5% 5%; display:block;} .Floor000905 .more a{max-width:150px;height: 45px;line-height: 45px;} } @media(max-width:480px){ .Floor000905 .title{ font-size:24px;line-height: 50px; margin-bottom:20px;} } /*Floor003153 */ .Floor003153 .auto{padding: 5em 0 2em;} .Floor003153 .intro .info p{line-height: 36px;margin: 0;} .Floor003153 .con1{border:1px solid #eee;margin-top:2.5%;} .Floor003153 .con1 .left{width:11%;float:left;background:#f7f7f7;text-align: center;padding:2%;} .Floor003153 .con1 .left h2{font-size:24px;font-weight: normal;color:#333;} .Floor003153 .con1 .right{width:89%;float:right;text-align: center} .Floor003153 .con1 .right dl dd{float:left;width:12.5%;text-align: center;padding-top:2.5%;} .Floor003153 .con1 .right dl dd img{max-width:60px;} .Floor003153 .con1 .right dl dd h2{font-size:18px;font-weight: normal;margin-bottom:0;} .Floor003153 .con2{margin-top:0;border-top:0;} .Floor003153 .con2 .right dl dd{display: inline-block;margin: 0 4%;float: none;} /*.Floor003153 .con2 .right dl dd img{display: inline-block;max-width:50px;margin-top:-4px;} .Floor003153 .con2 .right dl dd h2{display: inline-block;}*/ @media (min-width:1025px) { .Floor003153 .intro .img{width: 50%;} .Floor003153 .intro .info{/* padding-left: 5.0714em; */font-size: 18px;text-align: center;} } @media (max-width:1024px) { .Floor003153 .auto{padding: 2em 0;} .Floor003153 .intro .img{margin-bottom: 2em;} } @media(max-width:768px){ .Floor003153 .intro .info p{font-size:16px;text-align: justify; line-height: 30px;} .Floor003153 .intro .info p br{display: none} .Floor003153 .con1 .left{width:100%;} .Floor003153 .con1 .left h2{font-size:22px;margin:2% 0;} .Floor003153 .con1 .left h2 br{display: none;} .Floor003153 .con1 .right{width:100%;padding:3%;} .Floor003153 .con1 .right dl dd{width:33.3%; padding:2% 1%;} .Floor003153 .con1 .right dl dd h2{font-size:16px;margin-top:6px;} .Floor003153 .con1 .right dl dd img{width:50px;} .Floor003153 .con2 .right dl dd{float:left;margin:0;} } /* .Floor002804 涓篸emo缂栧彿 */ .Floor002804 { padding-top: 4%; } .Floor002804 .title { margin: 0; font-size: 24px; color: #000; font-weight: normal; padding: 0 2% 20px; } @media (min-width: 1025px) { .Floor002804 .title { font-size: 36px; } } @media (min-width: 1400px) { .Floor002804 .title { font-size: 48px; padding-bottom: 40px; } } .Floor002804 .head{ width:98%; margin: 0 auto 3%;} .Floor002804 .head p{font-size:18px;text-align: center;line-height: 36px;margin-top:0;} .Floor002804 .main { background: url(../images/Floor002804-bg.jpg) no-repeat center top; background-size: cover; } .Floor002804 li {width: 50%;background-color: rgba(255,255,255,0);position: relative;float: left;padding: 7% 5.8% 7% 8.8%;transition: all ease 0.5s;overflow: hidden;} .Floor002804 li:before { position: absolute; content: ""; left: 0; top: 0; width: 1px; height: 100%; background: #fff; opacity: 0.2; } .Floor002804 li:last-child:after { position: absolute; content: ""; right: 0; top: 0; width: 1px; height: 100%; background: #fff; opacity: 0.2; } .Floor002804 li a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .Floor002804 li h3 { text-align: center; margin: 0; font-weight: 100; font-size: 24px; color: #fff; padding: 5% 0; position: relative; } .Floor002804 li figure {text-align: center;margin-bottom: 1%;} .Floor002804 li p {font-size: 16px;line-height: 30px;min-height: 100px;color: #fff;margin: 7% 0;} .Floor002804 i { display: block; margin: 0 auto; margin-top: 5%; font-style: normal; font-weight: 100; font-size: 18px; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 38px; border: 1px solid #fff; } .Floor002804 .morebtn { margin: 0 auto; margin-top: 5%; padding-top: 0; display: none; text-align: center; width: 200px; height: 40px; line-height: 40px; font-size: 16px; color: #009ba4; background: #fff; position: relative; overflow: hidden; } .Floor002804 .morebtn:after { position: absolute; content: ''; left: -10px; width: 50px; top: 0; height: 8px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -moz-transform: rotate(-45deg); /* Firefox */ -webkit-transform: rotate(-45deg); /* Safari 鍜 Chrome */ -o-transform: rotate(-45deg); /* Opera */ border: 1px solid #009ba4; transition: 0.3s; } .Floor002804 li:hover { background-color: rgba(9,94,189,0.9); } .Floor002804 li:hover h3, .Floor002804 li:hover p { color: #fff; } .Floor002804 li:hover h3::before { background-color: #fff; } .Floor002804 li:hover figure { animation: ease 0.6s hover002804; } .Floor002804 li:hover i { display: none; } .Floor002804 li:hover .morebtn { display: block; } @media(max-width:1024px) { .Floor002804 li h3{ font-size: 20px;margin-bottom:0;padding-top:10px; padding-bottom:10px; } } @media(max-width:640px) { .Floor002804 .main { padding: 3% 0; } .Floor002804 .head p{font-size:16px;text-align: justify; line-height: 30px} .Floor002804 li{ width: 100%; padding: 4% 3%; } .Floor002804 li figure{ margin-bottom: 0; } .Floor002804 li figure img { max-width: 60px; } .Floor002804 li h3 { font-size: 16px; } .Floor002804 li p { margin: 3% 0;font-size:15px;line-height: 27px;height: auto;} } @media(max-width:480px) { .Floor002804 li span { display: none; } .Floor002804 li h3 { font-size: 20px; } } @keyframes hover002804 { 0% { transform: translateX(150px); opacity:0; } 100% { transform: translateX(0); opacity:1; } } @-moz-keyframes hover002804 { 0% { transform: translateX(150px); opacity:0; } 100% { transform: translateX(0); opacity:1; } } @-webkit-keyframes hover002804 { 0% { transform: translateX(150px); opacity:0; } 100% { transform: translateX(0); opacity:1; } } .Serviceoperation{padding:4% 0 5%;} .Serviceoperation .con{width: 98%; margin: 0 auto;} .Serviceoperation .con p{font-size:18px;/*text-align: center;*/line-height: 36px;margin-top:0;} .Serviceoperation dl dd{width:23.5%;float:left;margin-right:2%;text-align: center;margin-top:2%;position: relative;} .Serviceoperation dl dd:nth-child(4){margin-right:0;} .Serviceoperation dl dd h2{color:#fff;font-size:22px;font-weight: normal;background:#095ebd;margin:0;} .Serviceoperation dl dd h2 a{color:#fff;display: block;padding:13px 0 15px;} .Serviceoperation dl dd h2 a img{max-width:50px;display: block;margin:0 auto;} .Serviceoperation dl dd .figure{background:#fff;padding:4% 5%;display: none;position: absolute;top:100%;width:100%;box-shadow: 0 0 10px rgba(0,0,0,10%)} .Serviceoperation dl dd .figure p{margin:0;line-height: 30px} .Serviceoperation dl dd .figure p span{color:#095ebd;font-size:18px;} .Serviceoperation dl dd:hover .figure{display: block;} .Serviceoperation .img{background:#fff;box-shadow: 0 0 20px rgba(0,0,0,10%);margin-top:5%;} @media(max-width:768px){ .Serviceoperation dl dd{width:100%;margin-right:0;float:none;} .Serviceoperation dl dd .figure{position: relative;display: block;} .Serviceoperation dl dd .figure p{font-size:16px;} .Serviceoperation dl dd .figure p img{max-width:120px;} .Serviceoperation dl dd h2{font-size:18px;} .Serviceoperation dl dd h2 a{padding:7px 0 10px;} .Serviceoperation dl dd h2 a img{max-width:44px;} .Serviceoperation .con p{font-size:16px;text-align: justify;line-height: 30px;} } /*Map002592 */ .Map002592{background:#f8f8f8;padding:4% 0 5%;} .Map002592 .p{font-size:18px;line-height: 36px;/*text-align: center*/} .Map002592 .left{} .Map002592 #addMaps{ height:430px;z-index: 0;} .Map002592 .select{ padding:15px 0;} .Map002592 .select dl >*{ float:left;} .Map002592 .select dd{ width:35%; margin-right:0%;} .Map002592 .select dd select{border: solid 1px #ddd;background: url(../images/Map002592_select.png) no-repeat scroll 98% center #fff;padding:0 14px;appearance:none;-moz-appearance:none;-webkit-appearance:none;} .Map002592 .select dd select::-ms-expand { display: none; } .Map002592 .select dd select{ width:100%; height:50px; line-height:50px;color:#666;} .Map002592 .select dt{ width:22%; position:relative; padding-right:100px;} .Map002592 .select dt .text{ width:100%; padding:0 10px; height:38px; line-height:38px;border: solid 1px #ccc; background:#fff;} .Map002592 .select dt a{ position:absolute; right:0; top:0; line-height:38px; background:#2975bc; color:#fff; text-align:center; width:100px;} .Map002592 .result{} .Map002592 .result .title{background: #2975bc;padding: 10px 20px;color: #fff;} .Map002592 .result tr.item:not(.current){display: none;} .Map002592 .result td{ border:1px solid #efefef; background:#fff; text-align:center; padding:2% 10px;} .Map002592 .result .tr_top td{color:#fff;background:#095ebd;padding:16px 0;font-size:18px;border:1px solid rgba(255,255,255,0.2);} .Map002592 .result td:nth-child(1){ width:10%;} .Map002592 .result td:nth-child(2){ width:25%;} @media(min-width:481px) and (max-width:1024px){ .Map002592 .select dl >*{ width:49%; margin-right:2%; } .Map002592 .select dd:nth-child(1), .Map002592 .select dd:nth-child(2){margin-bottom:2%;} .Map002592 .select dd:nth-child(2), .Map002592 .select dt{ margin-right:0;} } @media(max-width:768px){ .Map002592 .p{font-size:16px;line-height: 30px;text-align: justify;margin-top:0;} .Map002592 .p br{display: none} .Map002592 .result .tr_top td{font-size:16px;} .Map002592 .result td:nth-child(1){width:19%;} } @media(max-width:480px){ .Map002592 .select dl >*{ float:none; width:auto; margin-bottom:2%;} } /* .Form001215 涓篸emo缂栧彿 */ .Form001215{padding: 5% 0;} .Form001215 .auto_1100 .form{float:none;width: 100%;background: #f6f6f6;padding: 4%;} .Form001215 .form{float:left;width: 40%;} .Form001215 .form li{padding-bottom: 4%;} .Form001215 .form .text{border: 1px solid #eee;width:100%;height: 60px;line-height: 60px;padding:0 10px;border-radius:3px;background:#fff;font-family: 'HarmonyOS_Sans_SC_Regular';} .Form001215 .form textarea.text{ height:195px;} .Form001215 .form .btn{cursor:pointer;/* border-radius:5px; */background: #095ebd;color:#fff;height: 50px;padding:0 12%;border:none;font-family: 'HarmonyOS_Sans_SC_Regular';margin-top: 2%;} .Form001215 .hotline{float:right;width: 55%;} .Form001215 .hotline figure{width:60%;max-width:285px;font-size: 16px;border-top:1px solid #d6e1e0;padding-top:3%;margin-top:3%;line-height: 31px;} .Form001215 .hotline figure b{ display:block; color:#10a49a; font-size:14px;} .Form001215 .hotline dl{ min-height:46px; padding-left:62px; background:url(../images/Form001215-call.png) no-repeat left top;} .Form001215 .hotline dd{ font-size:33px; color:#f08200; font-weight:bold;} .Form001215 .hotline dt{ color:#000;} .Form001215 .form figure{font-size: 16px;border-top:1px solid #eee;padding-top:3%;margin-top:3%;margin-bottom: 8%;line-height: 31px;color: #888;} .Form001215 .auto_1100 .form figure{font-size: 20px; } .Form001215 .form figure b{ display:block; color:#10a49a; font-size:14px;} .Form001215 .form dl{min-height:46px;padding-left: 57px;background: url(../images/Form001215-user.svg) no-repeat left center;background-size: 2.5em;} .Form001215 .form dd{font-size:33px;color: #095ebd;font-weight:bold;} .Form001215 .form dt{ color:#000;} @media(max-width:640px) and (min-width:481){ .Form001215 .hotline{ padding:3% 0 32% 0; background-position:right bottom;} } @media(max-width:768px){ .Form001215 .form, .Form001215 .hotline{ float:none; width:auto;} .Form001215 .form{padding-top:5%;} .Form001215 .form dl{min-height: auto; padding-left:35px;background-size:2em;} .Form001215 .form dd{font-size:24px;} .Form001215 .form figure{padding-top:5%;margin-top:5%;} .Form001215 .auto_1100 .form figure{font-size:16px;} .Form001215 .form .text{height: 55px;line-height: 55px;} .Form001215 .form .btn{font-size:16px;} .Form001215 .hotline dd{ font-size:24px;} .Form001215 .form textarea.text{ height:117px;} } /*RighInfo002814 */ .RighInfo002814{padding:220px 0 5%;color: #555; font-size: 16px;line-height: 28px;} .RighInfo002814 .intro{position: relative; z-index: 1; margin-bottom: 39px;} .RighInfo002814 .intro .bg{position: absolute; z-index: 0; bottom: -43px; width: 100%;right: 0;} .RighInfo002814 .intro .bg img{display: block; width: 100%;} .RighInfo002814 .intro .title{margin-bottom: 0; margin-top: 30px;} .RighInfo002814 .intro .title aside{padding: 0 75px; margin-left: auto; margin-right: auto;} .RighInfo002814 .intro .main{border-left:5px solid #f9f9f9;border-right:5px solid #f9f9f9;padding:3% 5%; margin-top: -20px;} .RighInfo002814 .pic-txt{padding-top: 0%;} .RighInfo002814 .pic-txt .pic img{display: block; width: 100%;} .RighInfo002814 .pic-txt .txt ul{width: 90%;} .RighInfo002814 .list-dl dt, .RighInfo002814 .pic-txt .txt ol{padding-left: 42px;background: url(../images/RighInfo002814-icon.svg) no-repeat left center;font-weight: bold;font-size: 22px;line-height: 38px;margin-bottom: 50px;color: #095ebd;background-size: 1.5em;} .RighInfo002814 .list-dl dl{margin-bottom: 30px;} .RighInfo002814 .list-dl dd{position: relative;padding-left: 15px;} .RighInfo002814 .list-dl dd:before{position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%;background: #ccc; left: 0; top: 13px;} @media(min-width:769px){ .RighInfo002814 .pic-txt .pic{width: 47.75%;} .RighInfo002814 .pic-txt .txt ul:not(:last-child){margin-bottom: 10%;} .RighInfo002814 .list-dl dl{float: left;width: 50%; } .RighInfo002814 .list-dl dl:nth-child(2n-1){padding-right: 3%;} .RighInfo002814 .list-dl dl:nth-child(2n+1){clear: left;} } @media(max-width:768px){ .RighInfo002814{padding:110px 0 5%;} .RighInfo002814 .pic-txt .ytable, .RighInfo002814 .pic-txt .ytable-cell{display: block;} .RighInfo002814 .pic-txt .txt ul{width:100%;margin-bottom: 5%;} .RighInfo002814 .list-dl dt, .RighInfo002814 .pic-txt .txt ol{font-size:18px;margin-bottom:10px;} } /*Form003139 */ .Form003139 .auto{position: relative;z-index: 1;margin-top: 4.5em;margin-bottom: 4.5em;} .Form003139 .title{ font-size: 1.625em;color: #333333; line-height: 1.1538em;} .Form003139 .title:after{display: block;content: '';width: 15px; height: 2px; background-color: #d72623; margin: 1.1538em 0;} .Form003139 .desc{font-size: 0.875em;color: #999999;line-height: 1.78571;} .Form003139 .form{background-color: #f8f8f9;margin-top: 1.375em;margin-bottom: 4em;} .Form003139 .form-ul{margin: 0 auto;padding: 4% 0 4%;} .Form003139 .form-ul li{margin-bottom: 30px;position: relative;} .Form003139 .form-ul li .tit{position: absolute;left: 1.1428em;top: 0;font-size: 16px;line-height: 59px;color: #888;} .Form003139 .form-ul li select, .Form003139 .form-ul li .text{width: 100%;border-radius: 0px;border: solid 1px #eee;font-size: 0.875em;line-height: 4.2714;height: 4.2714em;background: #fff;padding: 0 1em;color:#666;} .Form003139 .form-ul li textarea.text{height: 12.2714em;} .Form003139 .form-ul .btn{width: 10em;background: #095ebd;border-radius: 2px;font-size: 16px;height: 3em;color: #fff;cursor: pointer;border: 0;text-align: center;margin: 0 auto;display: block;font-family: 'HarmonyOS_Sans_SC_Regular';} @media (min-width:1025px) { .Form003139 .form .img{width: 43%;} .Form003139 .form-ul .row-2 li{float: left;width: calc(49% - 4px);} .Form003139 .form-ul .row-2 li:nth-child(2n){float: right;} .Form003139 .form-ul .row-2 .li2{width:100%;} .Form003139 .form-ul{width: 88%;} } @media (max-width:1024px) { .Form003139 .form-ul{padding: 2em 0;} .Form003139 .form-ul{width: 94%;} } @media(max-width:768px){ .Form003139 .auto{margin-top:2.5em;margin-bottom:2.5em;} .Form003139 .form{margin-bottom:0;} .Form003139 .form-ul li select, .Form003139 .form-ul li .text{line-height: 48px;height: 48px;} .Form003139 .form-ul li{margin-bottom:12px;font-size:15px;} .Form003139 .form-ul li .tit{line-height: 48px;font-size:15px;} } /*Form003140 */ .Form003140 .auto{position: relative;z-index: 1;margin-top: 0em;margin-bottom: 5%; } .Form003140 .title{font-size: 1.625em;color: #333333; line-height: 1.1538em;} .Form003140 .title:after{display: block;content: '';width: 15px; height: 2px; background-color: #d72623; margin: 1.1538em 0;} .Form003140 .desc{font-size: 0.875em;color: #999999;line-height: 1.78571;} .Form003140 .form{background-color: #f9f9f9; margin-top: 0em;} .Form003140 .form-ul{margin: 0 auto;} .Form003140 .form-ul li{margin-bottom: 12px;position: relative;} .Form003140 .form-ul li .tit{position: absolute;left: 1.1428em; top: 0;font-size: 16px; line-height: 3.3;color: #666;} .Form003140 .form-ul li select, .Form003140 .form-ul li .text{width: 100%;border-radius: 5px; border:none;font-size: 16px;line-height:3.3;height: 3.3em; background: #fff;padding: 0 1em;} .Form003140 .form-ul li textarea.text{height:90px;} .Form003140 .form-ul li .upload{background:#fff;padding:1em 1em;} .Form003140 .form-ul li .upload p{margin-top:0;} .Form003140 .form-ul li .upload .file{font-size:14px;color:#999;} .Form003140 .form-ul .btn{width: 10em; background: #095ebd;border-radius: 5px;font-size: 16px;height: 48px;color: #fff;cursor: pointer; border: 0;margin-top:5px;} @media (min-width:1025px) { .Form003140 .form .img{width: 50%;} .Form003140 .form-ul .row-2 li{float: left;width:calc(50% - 5px);} .Form003140 .form-ul .row-2 li:nth-child(2n){float: right;} .Form003140 .form-ul{width: 75.715%;padding: 4% 0;} } @media (max-width:1024px) { .Form003140 .form-ul{padding: 2em 0;} .Form003140 .form-ul{width: 94%;} .Form003140 .form-ul li .tit{font-size:14px;} .Form003140 .form-ul li textarea.text{height: 110px;} .Form003140 .form-ul .btn{width:9em;height: 45px;} } /* .Form001725 涓篸emo缂栧彿 */ .Form001725{padding: 0% 0 0%;} .Form001725 .name{padding:15px 0; font-size:18px;border-bottom:1px solid #e5e5e5;} .Form001725 .name span{ display:inline-block; border-left:6px solid #f29200; padding-left:15px;} .Form001725 .tips{padding:20px 0;border-bottom: 1px solid #f3f3f3;font-size: 16px;position:relative;color: #888;} .Form001725 .tips h1{ margin:0; font-weight:normal; font-size:18px; color:#f29200;} .Form001725 .form{ padding-top:30px; width:100%;background: #fff;} .Form001725 .form td{ padding-bottom:20px; font-size:14px; } .Form001725 .form td.w1{ width:47%;} .Form001725 .form td.w2{ width:6%;} .Form001725 .form .text{ width:100%; border-radius:3px; border:1px solid #cfcfcf; line-height:36px;height:36px; text-indent:10px; background:none; } .Form001725 .form p{margin:0 0 10px 0;color: #095ebd;background:url(../images/Form001725-icon.jpg) no-repeat left center;padding-left:15px;} .Form001725 .form td em{ font-style:normal; color:#bcbcbc;} .Form001725 .form td em i{ font-style:normal; color:#fadbbe;} .Form001725 .form .btn{background: #095ebd;color:#fff;cursor:pointer;font-size: 16px;width:60%;max-width:180px;height:50px;border-radius: 0px;margin: 0 auto;display: block;border:none;margin-top: 4%;font-family: 'HarmonyOS_Sans_SC_Regular';} .Form001725 .form dl{ position:relative;} .Form001725 .form dt{ text-indent:10px; cursor:pointer; border:1px solid #cfcfcf;line-height:36px;height:36px; background:url(../images/Form001725-check.png) no-repeat 95% center;} .Form001725 .form dd{ display:none; position:absolute; left:0; top:100%; background-color:#eee; width:100%; z-index:10;} .Form001725 .form dd a{ display:block; line-height:36px; padding:0 10px;} .Form001725 .form dd a:hover{ background-color:#ccc;} /* .PicList002796 */ .PicList002796{ padding:4% 0 3%;} .PicList002796 ol{ position: relative; margin-bottom: 4%; border-bottom: 1px solid #eee; } .PicList002796 ol figure em{ padding-bottom: 47%; } .PicList002796 ol p{ margin: 35px 0 25px; font-size: 18px; color: #333; line-height: 28px; text-align: justify; } .PicList002796 ol time{ float: right; margin-top: 35px; } .PicList002796 li{ position:relative; } .PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList002796 .video_files video{width:100%; height:100%; background-color:#000;} .PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .PicList002796 .video_files .close::before, .PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList002796 .video_files .close::before{ transform:rotate(45deg);} .PicList002796 .video_files .close::after{ transform:rotate(-45deg);} .PicList002796 figure{ position:relative;} .PicList002796 figure em{ display:block; padding-bottom: 67%; background-size:cover; background-position:center center; background-repeat:no-repeat;} .PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); } .PicList002796 figure a::before, .PicList002796 figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList002796 figure a::before{width: 70px;height: 70px;border: 3px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList002796 figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -5px;margin-top: -15px;} .PicList002796 li p{ margin-bottom: 25px; font-size: 16px; color: #333; line-height: 28px; text-align: justify; overflow: hidden;} .PicList002796 time{ background: #ff6900; display: inline-block; padding: 2px 15px; color: #fff; border-radius: 99px;} .PicList002796 .more{ width: 187px; height: 50px; line-height: 26px; border: 2px solid #aeaeae; font-size: 14px; color: #666; display: block; padding: 10px 20px; position: relative;margin:0 auto; margin-top: 0%; transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s; } .PicList002796 .more:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: 1; background: #095ebd; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .PicList002796 .more span{ position: relative; z-index: 3; display: block;} .PicList002796 .more i{ position: absolute; font-style: normal; right: 0; top: 50%; margin-top: -13px; font-weight: 600;} .PicList002796 .more:hover{ color: #fff; border-color: #095ebd;} .PicList002796 .more:hover:before{ width: 100%; } @media(min-width:769px){ .PicList002796 li{ float: left; width: 29.75%;margin-right: 5.25%; margin-bottom:2%;} .PicList002796 li:nth-of-type(3n){ margin-right: 0; } .PicList002796 li:nth-of-type(3n+1){clear:left;} } @media(max-width:768px){ .PicList002796{padding:6% 0 3%;} .PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 5%;} .PicList002796 figure em{ padding-bottom: 65%; background-size:cover;} } @media(max-width:480px){ .PicList002796 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList002796 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:375px){ .PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} } /*PicList003060 */ .PicList003060{padding: 0vw 0 5vw;} .PicList003060 .title{margin: 0; text-align: center;font-size: 40px;line-height: 1em; margin-bottom: 1.2em;} .PicList003060 .pic{margin-bottom: 3.96vw;} .PicList003060 li{margin-bottom: 3.125%;} .PicList003060 li a{color: #fff;display: block;position: relative;overflow: hidden;} .PicList003060 li .Ispic{position: relative;padding-bottom: 100%;z-index: 1;} .PicList003060 li .Ispic:after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 40%;background: -moz-linear-gradient(top, rgba(0,106,255,0) 0%, rgba(0,106,255,1) 79%, rgba(0,106,255,1) 100%);background: -webkit-linear-gradient(top, rgba(0, 156, 224,0) 0%,rgba(0, 156, 224,1) 79%,rgba(0, 156, 224,1) 100%);background: linear-gradient(to bottom, rgba(0, 156, 224,0) 0%,rgba(0, 156, 224,1) 68%,rgba(0, 156, 224,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00006aff', endColorstr='#006aff',GradientType=0 );} .PicList003060 li:nth-child(2n) .Ispic:after{background: -moz-linear-gradient(top, rgba(255,202,42,0) 0%, rgba(255,202,42,1) 79%, rgba(255,202,42,1) 100%);background: -webkit-linear-gradient(top, rgba(104, 188, 0,0) 0%,rgba(104, 188, 0,1) 79%,rgba(104, 188, 0,1) 100%);background: linear-gradient(to bottom, rgba(104, 188, 0,0) 0%,rgba(104, 188, 0,1) 68%,rgba(104, 188, 0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffca2a', endColorstr='#ffca2a',GradientType=0 );} .PicList003060 li:nth-child(3n) .Ispic:after{background: -moz-linear-gradient(top, rgba(23,201,113,0) 0%, rgba(23,201,113,1) 79%, rgba(23,201,113,1) 100%);background: -webkit-linear-gradient(top, rgba(174, 161, 255,0) 0%,rgba(174, 161, 255,1) 79%,rgba(174, 161, 255,1) 100%);background: linear-gradient(to bottom, rgba(174, 161, 255,0) 0%,rgba(174, 161, 255,1) 68%,rgba(174, 161, 255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0017c971', endColorstr='#17c971',GradientType=0 );} .PicList003060 li .subtit, .PicList003060 li .inner{position: absolute;z-index: 10;} .PicList003060 li .subtit{top:1.875em;right: 1.875em; left: 1.875em; font-size: 16px;} .PicList003060 li .inner{left: 0; bottom: 2.6vw;width: 100%; text-align: center;} .PicList003060 li .subtit aside{line-height: 3.125em;padding-left: 1.5625em;position: relative; z-index: 4;} .PicList003060 li .subtit:before{position: absolute; content: ''; left: 0; top: 0; border-radius: 50%; width: 3.125em;height: 3.125em; background: -moz-linear-gradient(left, rgba(0,106,255,1) 0%, rgba(0,106,255,0) 100%); background: -webkit-linear-gradient(left, rgba(0,106,255,1) 0%,rgba(0,106,255,0) 100%); background: linear-gradient(to right, rgba(0,106,255,1) 0%,rgba(0,106,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006aff', endColorstr='#00006aff',GradientType=1 ); } .PicList003060 li:nth-child(2n) .subtit:before{ background: -moz-linear-gradient(left, rgba(255,202,42,1) 0%, rgba(255,202,42,0) 99%, rgba(255,202,42,0) 100%); background: -webkit-linear-gradient(left, rgba(255,202,42,1) 0%,rgba(255,202,42,0) 99%,rgba(255,202,42,0) 100%); background: linear-gradient(to right, rgba(255,202,42,1) 0%,rgba(255,202,42,0) 99%,rgba(255,202,42,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca2a', endColorstr='#00ffca2a',GradientType=1 ); } .PicList003060 li:nth-child(3n) .subtit:before{ background: -moz-linear-gradient(left, rgba(23,201,113,1) 0%, rgba(23,201,113,0) 99%, rgba(23,201,113,0) 100%); background: -webkit-linear-gradient(left, rgba(23,201,113,1) 0%,rgba(23,201,113,0) 99%,rgba(23,201,113,0) 100%); background: linear-gradient(to right, rgba(23,201,113,1) 0%,rgba(23,201,113,0) 99%,rgba(23,201,113,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c971', endColorstr='#0017c971',GradientType=1 ); } .PicList003060 .more{ width: 187px; height: 50px; line-height: 26px; border: 2px solid #aeaeae; font-size: 14px; color: #666; display: block; padding: 10px 20px; position: relative;margin:0 auto; margin-top: 0%; transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s; } .PicList003060 .more:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: 1; background: #095ebd; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .PicList003060 .more span{ position: relative; z-index: 3; display: block;} .PicList003060 .more i{ position: absolute; font-style: normal; right: 0; top: 50%; margin-top: -13px; font-weight: 600;} .PicList003060 .more:hover{ color: #fff; border-color: #095ebd;} .PicList003060 .more:hover:before{ width: 100%; } .PicList003060 li .icon{padding-bottom: 3.65vw; opacity: 0;transition: 0.3s;} .PicList003060 li .icon img{max-width: 39%;} .PicList003060 li .inner{font-size: 30px; padding: 0 2%;} .PicList003060 li h3{font-size: 20px; margin: 0;} .PicList003060 li p{margin: 0.8em 0 0 0;font-size: 0.6em;} .PicList003060 li .more{width: 2.134em; height: 0; border-radius: 50%; margin: 0 auto; display: block; border: 2px solid rgba(255,255,255,0.3); background: url("../images/PicList003060_more.png") no-repeat center center;background-size: auto 0.7334em; transition: 0.3s;opacity: 0;} .PicList003060 li a:hover .more{height: 2.134em; opacity: 1; margin-top: 3.5vw;} .PicList003060 li a:hover .icon{opacity: 1;} .PicList003060 li a:before{position: absolute;left: 0;top: 0;content: '';width: 100%;height: 100%;background: rgba(9,94,189,0.95);z-index: 2;opacity: 0;transition: 0.3s;} .PicList003060 li a:hover:before{ opacity: 1;} @media(min-width:641px){ .PicList003060 li{float: left; width: 31.25%; } .PicList003060 li:not(:nth-child(3n)){margin-right: 3.125%;} } @media(min-width:1025px) and (max-width:1366px){ .PicList003060 li .inner{font-size: 2vw; } .PicList003060 li .subtit{font-size: 1.2vw; } } @media(max-width:1024px){ .PicList003060 .title{font-size: 4vw;} .PicList003060 li .inner{font-size: 2.5vw; } .PicList003060 li .subtit{font-size: 1.5vw; } } @media(max-width:640px){ .PicList003060 .title{font-size: 6vw;} .PicList003060 li .inner{font-size: 6vw; } .PicList003060 li .subtit{font-size: 4vw; } .PicList003060 li a:hover .more{ margin-top: 8vw;} .PicList003060 li .inner{bottom: 5vw;} .PicList003060 li .icon{padding-bottom:8vw;} } /*Floor002367*/ .Floor002367{ padding: 4% 0;position: relative;} .Floor002367 #a1{ position: absolute;width: 100%;left: 0;height: 10em;top: -80px;z-index:-1;} .Floor002367 p.info{font-size: 18px; line-height: 2; color: #666; opacity: 1;} .Floor002367 .auto_1560{ margin: 0 auto;} .Floor002367 .wrap-header{ position: relative;} .Floor002367 .wrap-header .more{ position: absolute; right: 0; top: 15px; color: #999; font-size: 14px;} .Floor002367 .wrap-header .more:hover{ color: #204da0;} .Floor002367 .wrap-header h2{ margin: 0; font-weight: normal; font-size: 20px; color: #333;} .Floor002367 .wrap-header h2 span{ color: #a9c7ff; padding-left: 15px; font-weight: lighter;} .Floor002367 .wrap-header .p{ margin: 5px 0 0; font-size: 14px; color: #999;} @media (min-width:768px ) { .Floor002367 .wrap-header h2{font-size: 22px;} } @media (min-width:1024px ) { .Floor002367 .wrap-header h2{font-size: 24px;} } .Floor002367 .list{ padding-top:25px;} .Floor002367 .list-row{ position:relative; margin-bottom:2%;} @media(min-width:481px){ .Floor002367 .list-row ul:not(:first-child) li{ position:absolute; top:0; height:100%; width:48.5%;} .Floor002367 .list-row ul:not(:first-child) li:nth-child(1){ left:0;} .Floor002367 .list-row ul:not(:first-child) li:nth-child(2){ right:0;} } .Floor002367 .list-row ul:nth-child(2){ top:0;} .Floor002367 .list-row ul:nth-child(3){ bottom:0;} .Floor002367 .list-row ul:first-child li{ padding-bottom:124%;} .Floor002367 .list ul li{ position:relative;} .Floor002367 .list ul li > *{ position:absolute;transition: all .3s ease-in-out;} .Floor002367 .list li a, .Floor002367 .list li .Ispic, .Floor002367 .list li .layer{ width:100%; height:100%; left:0; top:0; } .Floor002367 .list li .Ispic{z-index:0;} .Floor002367 .list li a{z-index:10;} .Floor002367 .list li .layer{ background:rgba(0,0,0,0.35); top: auto; bottom:0; color:#fff;} .Floor002367 .list li .layer dl{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; color: #fff; text-align: center; width: 100%;} .Floor002367 .list li .layer dt{ font-size: 24px; font-weight: normal;} .Floor002367 .list li .layer dd{ font-size: 14px;} .Floor002367 .list li .more{ position: absolute; z-index: 5; height: 29px; line-height: 29px; width: 97px; border-radius: 29px; display: block; background: #204da0; color: #fff; font-size: 14px; text-align: center; opacity: 0; right: 2%; top: 50%;transform: translateY(-50%);} .Floor002367 .list li:hover .layer{ height: auto; padding: 15px 2%;} .Floor002367 .list li:hover .layer dl{ float: left; position: static; text-align: left;transform: translateY(0);} .Floor002367 .list li:hover .layer dt{ font-size: 20px;} .Floor002367 .list li:hover .more{ opacity: 1;} .Floor002367 .list li:hover img{ transform: scale(1.1);} @media(min-width:769px){ .Floor002367 .list-row ul:first-child{width: 32%;} .Floor002367 .list-row ul:not(:first-child){ z-index:10; position:absolute; right:0; width:66%; height:47.5%;} } @media(min-width:481px) and (max-width:768px){ .Floor002367 .list-row ul{ margin-bottom:2%;} .Floor002367 .list-row ul:not(:first-child){ padding-bottom:30%;} } @media(max-width:768px){ .Floor002367{padding:6% 0;} .Floor002367 .list li .layer dt{font-size:20px;} .Floor002367 p.info{font-size:16px;line-height: 30px} .Floor002367 .list-row ul{ position:relative; } .Floor002367 .list-row ul:first-child li{padding-bottom:62%;} } @media(max-width:480px){ .Floor002367 .list-row ul{ position:relative; } .Floor002367 .list-row ul:not(:first-child) li{ padding-bottom:62%; margin-top:2%;} } /*Floor002599 */ .Floor002599{ padding:4% 0; position:relative; z-index:1; background: #f8f8f8;} .Floor002599 #a2{ position: absolute;width: 100%;left: 0;height: 10em;top: -80px;z-index:-1;} .Floor002599 .auto{ position:relative; z-index:2;} @media(max-width:1280px){ } @media(max-width:1200px){ } .Floor002599 .title{ text-align:center; font-size:36px; color:#333; padding-bottom:5%;} .Floor002599 .title p{ margin:0; opacity:0.6; font-size:16px;} .Floor002599 .title::after{ display:block; content:''; background:#00a2e9;margin:20px auto 0; height:4px; width:52px;} @media(max-width:480px){ .Floor002599 .title{ font-size:24px;} .Floor002599 .title p{font-size:14px;} } .Floor002599 li{ overflow:hidden; position:relative; } @media(min-width:769px){ .Floor002599 li{ float:left; width:32%; padding-bottom:46.75%; margin-right:2%;} .Floor002599 li:nth-child(3n){ margin-right:0;} .Floor002599 li > *{ position:absolute; left:0;height:50%;width:100%; } .Floor002599 li:nth-child(2n) .txt, .Floor002599 li .Ispic{ top:0;} .Floor002599 li .txt, .Floor002599 li:nth-child(2n) .Ispic{ top:50%;} } .Floor002599 li .Ispic{ transition:0.5s;} .Floor002599 li .Ispic::before{ transition:0.2s; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; content:''; background-size:10% auto; display: none; } .Floor002599 li:hover .Ispic::before{ opacity:1;} .Floor002599 li:hover .Ispic{transform: scale(1.5);overflow: hidden;} .Floor002599 li .txt{ border-left:2px solid #f3f8fa;transition:background 0.3s;} .Floor002599 li:hover .txt{ background:#f3f8fa;} .Floor002599 li .main{ padding:12.5%; width:100%;} .Floor002599 li .main time{ color:#333;} .Floor002599 li .main time span{ font-size:36px;} .Floor002599 li .main .dot{ font-size:22px; margin:5% 0 3% 0; color: #095ebd;} .Floor002599 li .main p{ line-height:2; color:#9a9a9a;-webkit-line-clamp:inherit;font-size:16px;} .Floor002599 li .more{ color:#fff; background:#00a2e9; line-height:40px; text-align:center; display:inline-block; width:80%; max-width:138px; } .Floor002599 li .more::after{ background:url(../images/Floor002599_more.png) no-repeat right center; width:33px; height:7px; display:inline-block; content:''; margin-left:5px;vertical-align:middle; transition:0.2s;} .Floor002599 li:hover .more::after{ width:20px;} @media(min-width:769px) and (max-width:1024px){ .Floor002599 li .main p{ margin:5px 0;} .Floor002599 li .main time{ font-size:12px;} .Floor002599 li .main time span{ font-size:24px;} .Floor002599 li .main .dot{ font-size:16px;} .Floor002599 li .more{ line-height:30px;} } @media(max-width:768px){ .Floor002599 li .Ispic{ position:relative; padding-bottom:73%; display:block;} .Floor002599 li .main{ padding:5%;} .Floor002599 li .main .dot{margin:3% 0 3% 0;} .Floor002599 li{ margin:0 auto; max-width:80%;} } @media(max-width:480px){ .Floor002599 li{ max-width:none;} } /*Floor002911 */ .Floor002911{position: relative;z-index: 1;padding: 4% 0;} .Floor002911 .auto{max-width: 1400px; width: 92%;} .Floor002911 .lm-title{text-align: left;} .Floor002911 .left h3{} .Floor002911 .left li h3 a{color:#333;} .Floor002911 .left li h3 a:hover{color:#095ebd;} .Floor002911 .left li h3{font-size:22px;} .Floor002911 .left li p{font-size: 16px; line-height: 1.875em;margin-top: 0;} .Floor002911 .left .pic{margin-bottom: 2.292vw;} .Floor002911 .left .title{color: #0e2e85; font-size: 80px;text-transform: uppercase;line-height: 0.875em;margin-bottom: 3.021vw;} .Floor002911 .right li img{display: block; width: 100%;} .Floor002911 .slider-btn{display: table;table-layout: fixed;width: 100%; margin-top: 10%;} .Floor002911 .slider-btn > *{display: table-cell; vertical-align: middle;} .Floor002911 .slider-btn dt{width: 166px;} .Floor002911 .slick-arrow{ margin-right: 18px; width: 48px;float: left;border: 1px solid #095ebd; border-radius: 50%; cursor: pointer;background: none; height: 48px;position: relative;} .Floor002911 .slick-arrow:hover{background: #095ebd;} .Floor002911 .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #095ebd;border-left: 2px solid #095ebd; left: 50%; top: 50%; margin: -5px 0 0 -3px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor002911 .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg); margin-left: -7px;} .Floor002911 .slick-arrow:hover:before{border-color: #fff;} .Floor002911 .slick-dots li{float: left;list-style: none;position: relative; height: 1px;background: #dedede;} .Floor002911 .slick-dots li button{position: absolute; left: 0; height: 100%;padding: 0;border: 0;font-size: 0;transition: 0.3s; width: 0;} .Floor002911 .slick-dots li.slick-active button{background: #095ebd;; width: 100%;} @media(min-width:641px){ .Floor002911 .left{float: left;width: 40.715%;} .Floor002911 .right{float: right;width: 50%;} .Floor002911:after{position: absolute; content: ''; top: 0;right: 0; width:32.657% ;height: 100%;background: url("../images/Floor002911_imgbg.jpg") no-repeat center center;background-size: cover; display: none;} } @media(max-width:1024px){ .Floor002911{background-size: 30% auto;} .Floor002911 .left .title{font-size: 7vw;} } @media(max-width:640px){ .Floor002911 .left{padding-bottom: 5vw;} .Floor002911 .left .title{font-size: 10vw;} .Floor002911 .left h3{font-size: 6vw;} .Floor002911 .left p.dot3{font-size: 4vw;} .Floor002911 .slider-btn{margin-top:2%;} .Floor002911 .slider-btn dt{width:130px;} .Floor002911 .slick-arrow{width:45px;height: 45px;margin-right:12px;} } /*Map002520 */ .Map002520{padding:5% 0 0;} .Map002520 .auto{} .Map002520 .select{ } .Map002520 .select dl > *{ float:left;} .Map002520 .select dd{position:relative; z-index:20; width:31%; margin-left:2%;} .Map002520 .select dd > a{ position:relative; line-height:58px; border:1px solid #eaeaea; color:#333;} .Map002520 .select dd > a::after{ position:absolute; content:''; border:6px solid transparent; border-top-width:7px; border-top-color:#ababab; right:16px; margin-top:-3px; top:50%;} .Map002520 .select dd a{padding:0 16px; display:block;} .Map002520 .select dd figure{ position:absolute; left:0px; right:0px; top:100%; background:#fff;border:1px solid #eaeaea;z-index: 88; border-top:0;/*max-height:300px; overflow:auto;*/ display:none;} .Map002520 .select dd figure .a{ line-height:38px; } .Map002520 .select dd figure .a:hover{ font-weight: bold; color:#095ebd;} .Map002520 .select dd figure ul{display: none;padding-top:15px;padding-bottom:15px; padding-left:15px;background:#f8f8f8;} .Map002520 .select dd figure ul li a{line-height: 35px;display: block;color:#666;font-size:15px;} .Map002520 .select dd figure ul li a:after{content:'';width:4px;height: 4px;background:#bbb;display: block;float:left;border-radius: 15px;margin-top:15px;margin-right:8px;} /*.Map002520 .select dd figure div:hover ul{display: block;}*/ .Map002520 .select dd figure div ul li a:hover{color:#095ebd;} .Map002520 .select dt{ width:31%;} .Map002520 .search{ position:relative;} .Map002520 .search .text{ width:100%;line-height:60px;height:60px; border:1px solid #eaeaea; color:#333;padding:0 55px 0 16px;} .Map002520 .search .btn{ position:absolute; right:0; top:0; width:55px; height:100%; background:url(../images/Map002520-btn.png) no-repeat center center;} @media(max-width:768px){ .Map002520 .select dl > *{ float:none; margin-bottom:10px; width:auto !important;} .Map002520 .select .text{font-size:16px;} .Map002520 .select dd{margin-left:0;} .Map002520 .select dd a{font-size:16px;} } /* .Menu002252 涓篸emo缂栧彿 */ .Menu002252{padding:4% 0 1%; text-align:center; overflow:hidden;} .Menu002252 a{font-size:16px; display:inline-block;background:#f7f7f7; padding: 10px; margin-bottom: 1px;transform: skewX(-45deg); } .Menu002252 a span{transform: skewX(45deg);display: block;} .Menu002252 a.aon,.Menu002252 a:hover{ color:#fff; background-color:#095ebd;} @media(min-width:768px){ .Menu002252{} .Menu002252 a{ display:inline-block; line-height:30px; padding:0 15px; min-width:115px; overflow:hidden; margin:0 9px 3px;} } @media(min-width:1024px){ .Menu002252{} .Menu002252 a{display:inline-block;line-height:42px; padding:0 30px;background:#f7f7f7; min-width:130px; } } @media(max-width:768px){ .Menu002252{padding:6% 9% 4%;} .Menu002252 a{display: block; padding:10px 16px;margin:0 3px 5px;} } /*PicList002953 */ .body_f5f5f5{background: #f5f5f5;} .PicList002953{padding: 2.08vw 0 0;} .PicList002953 li{float: left;width: 48%;margin-right:4%; background: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.07); margin-bottom: 4%;} .PicList002953 li:nth-child(2n){margin-right:0;} .PicList002953 li a{display: block;padding: 6%;} .PicList002953 li{float: left;} .PicList002953 li aside.dot{font-size: 26px;line-height: 1em;border-left:2px solid #095ebd; margin-bottom: 20px;padding-left: 20px;} .PicList002953 li a:hover aside.dot{color: #095ebd;} .PicList002953 li .txt{padding: 30px 20px 0;} .PicList002953 li p{margin: 0;line-height: 1.625em;font-size: 16px;color: #666;} .PicList002953 li .pic{overflow: hidden;border-radius: 0px;} .PicList002953 li .Ispic{padding-bottom: 54%; transition: 0.3s;background-size: contain;} .PicList002953 li a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .PicList002953 li .more{overflow: hidden;margin-top:20px;} .PicList002953 li .more span{float: right;width: 40px;height: 40px;border: solid 2px #e5e5e5; border-radius: 50%;position: relative; transition: 0.3s;} .PicList002953 li .more span:after{position: absolute; content: ''; width: 10px; height: 10px; border-top: 2px solid #666; border-right: 2px solid #666; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); margin: -5px 0 0 -7px; left: 50%; top: 50%;} .PicList002953 li a:hover .more span{border-color: #095ebd;background: #095ebd;} .PicList002953 li a:hover .more span:after{border-color: #fff;} .PicList002953 .Page002046 .Pages{padding-top:0;} @media(max-width:1024px){ .PicList002953 li a{padding: 4vw;} .PicList002953 li .txt{padding: 20px 0 0;} } @media(max-width:640px){ .PicList002953 li{width:100%;margin-bottom:5%;} .PicList002953 li aside.dot{font-size: 18px; margin-bottom: 3vw;padding-left:14px;} .PicList002953 li p{font-size: 14px;} .PicList002953 li .more{padding-top: 0vw;} .PicList002953 li .more span{width: 26px;height: 26px;} } /*Floor003105 */ .Floor003106{font-size: 100px;position: relative;z-index: 1; overflow: hidden; padding-top: 3%} @media (max-width:1600px) { .Floor003106{font-size: 6.25vw;} } @media (max-width:1024px) { .Floor003106{font-size: 14vw; padding: 1em 0;} } .Floor003106 .auto{overflow: hidden; width: 96%;} .Floor003106 .more{font-size:0.16em; text-align: center;padding: 0 1.875em;line-height: 3.125em;border-radius: 3.125em;border: solid 2px #eee;transition: 0.3s; display: table;color:#333;} .Floor003106 .more:after{width: 1.3125em;height: 0.8125em;display: inline-block; content: '';margin-left: 1em;background: url(../images/Floor003105-icon.svg) no-repeat;background-size: contain;transition: 0.3s;} .Floor003106 a:hover .more{background-color: #095ebd;color: #fff;border-color: #095ebd;} .Floor003106 a:hover .more:after{background-image: url(../images/Floor003105-icon-white.svg);} .Floor003106 .slider li .txt .tit{font-size: 32px; line-height: 1.357;color: #333;} .Floor003106 .slider li .txt p{margin: 2.1875em 0 7.2vw 0;font-size: 0.16em;line-height: 1.75;color: #666;} .Floor003106 .slick-arrow{position: absolute;width: 0.5em; height: 0.5em;border-radius: 50%;background:url(../images/Floor003105-btn.svg) no-repeat center center; background-size:auto 0.13em; z-index: 20;font-size: 1em; text-indent: 999em;} .Floor003106 .slick-next{transform: rotateY(180deg);background-color: #095ebd;} @media (min-width:1025px) { .Floor003106 .slider{width: 91.667%; } .Floor003106 .slider .slick-list{overflow: inherit;} .Floor003106 .slider li:not(.slick-center){/*opacity: 0.4;*/} .Floor003106 .slick-arrow{top: 50%; margin-top: -0.25em;} .Floor003106 .slick-prev{/*border: 2px solid #fff;*/background-color: #095ebd;left: 7.671%;} .Floor003106 .slick-next{right: -0.25em;} .Floor003106 .slider li a{table-layout: fixed;} .Floor003106 .slider li .ytable-cell{vertical-align: bottom;} .Floor003106 .slider li .pic{width: 54.546%;} .Floor003106 .slider li .txt{padding:0 1.37em 0 1.2em;} } @media (max-width:1600px) { .Floor003106 .slider li .txt p{margin-bottom: 5vw;} } @media (max-width:1024px) { .Floor003106 .slider li a, .Floor003106 .slider li .ytable-cell{display: block;} .Floor003106 .slider li .txt{padding:0.5em 5%;} .Floor003106 .slick-arrow{bottom: 100%; margin-bottom: 0.3em; right: 5%;} .Floor003106 .slick-prev{background-color: #c7c7c7;margin-right: 0.6em;} } @media (max-width:480px) { .Floor003106 .slider li .txt .tit{font-size: 0.32em;} .Floor003106 .slider li .txt p{font-size: 0.24em;} } /*Floor001946*/ .Floor001946{ background:url(../images/Floor001946-bg.jpg) no-repeat center top; background-size:cover;color:#fff; padding:5% 0 6.5%;} .Floor001946 .lm-title{color:#fff;} .Floor001946 .lm-title p{opacity: 0.1} .Floor001946 .con{ padding:3% 0; font-size:16px; border-bottom:1px solid #99918c; line-height:24px;} .Floor001946 .contact{ text-align:center; padding-top:0px;} .Floor001946 .contact dd{ display:inline-block; line-height:37px; margin:0 38px;position: relative;} .Floor001946 .contact dd img{} .Floor001946 .contact dd:before{ display:inline-block; vertical-align:middle; content:''; width:37px; height:37px; margin-right:8px;background:url(../images/Floor001946-icon1.png) no-repeat left top #fff;border-radius: 50%;} .Floor001946 .contact dd.dd_2:before{ background-image:url(../images/Floor001946-icon2.png);} .Floor001946 .contact dd.dd_3:before{ background-image:url(../images/Floor001946-icon3.png);} .Floor001946 .contact dd.dd_4:before{ background-image:url(../images/Floor001946-icon4.png);} @media(max-width:768px){ .Floor001946 .contact{ text-align:left;} .Floor001946 .contact dd{ display:block; margin:3% 5%;font-size:15px;} } @media(max-width:480px){ .Floor001946 .title{font-size:20px;} .Floor001946 .title span{font-size:26px;} } .top-title{background:#f5f5f5;text-align: center;padding:5% 0;z-index: 99;} .top-title:after{content:'';width: 77px;height: 50px;display: block;margin:0 auto;transform: rotateY(180deg);margin-top: -53px;position: absolute;left: 20%;} .top-title h2{margin:0;color:#333;font-size:42px;margin-bottom: 1em;} .top-title h2:after{content:'';width:45px;;height: 5px;background:#095ebd;display: block;margin:0 auto; transform: skewX(-45deg);margin-top:12px;} .top-title h2 em{font-size:30px;font-style: inherit;padding-left: 10px;color:#095ebd;font-weight:normal;display:block} .top-title .listtit{display: table;margin: 0 auto; max-width: 80%;} .top-title .listtit aside{position: relative;padding: 0 18px;} .top-title .listtit aside span{ position: relative;display: table;margin:0 auto; background: #f5f5f5; z-index: 3;} .top-title .listtit .t-1 span{color: #333;font-size: 42px;line-height: 1.6667em; padding: 0 0.4334em; font-weight:bold;} .top-title .listtit .t-2 span{color: #095ebd;font-size:24px; line-height: 1.375em; padding: 0 1.5em;} .top-title .listtit aside:after{position: absolute; left: 0;right: 0; content: ''; height: 50%; border: 2px solid #095ebd; } .top-title .listtit aside.t-1:after{border-bottom: 0;top: 50%;} .top-title .listtit aside.t-2:after{border-top: 0;bottom: 50%;} @media(max-width:768px){ .top-title h2{font-size:28px;} .top-title .listtit .t-1 span{font-size: 28px;} .top-title .listtit .t-2 span{font-size:18px;} } .is_stuck{padding: 108px 0 0%; background-image:none} .is_stuck:after{ display:none} .is_stuck h2{ font-size:22px;margin-bottom: 0.3em;padding:3px 0;} .is_stuck h2:after{ display:none} .is_stuck h2 em{font-size:16px;display:inline;position:relative;} .is_stuck .listtit{display: block; max-width:100%; text-align: center; margin-bottom: 0.3em;padding: 3px 0; } .is_stuck .listtit aside{padding: 0; display: inline-block; vertical-align: middle;} .is_stuck .listtit aside span{ background: none; line-height: 1 !important; padding: 0 !important;} .is_stuck .listtit .t-1 span{font-size:22px;} .is_stuck .listtit .t-2 span{font-size:16px;} .is_stuck .listtit aside:after{display: none; } .advantages{padding-top: 3%;} .advantages li{width:100%;margin-bottom:3%; padding-bottom:3%; border-bottom:1px solid #e5e5e5;} .advantages li .word{float:left;width:47%;padding-top:35px;} .advantages li .word img{width:60px;} .advantages li .word h2{font-size:26px;/*font-weight: normal;*/color:#333;} .advantages li .word p{font-size:16px;line-height: 32px;} .advantages li .word p span{display: block;position: relative;padding-left:14px;} .advantages li .word p span:after{content:'';width:4px;height: 4px;background:#095ebd;border-radius: 20px;display: block;position: absolute;left:0;top:14px;} .advantages li .pic{float:right;width:47%;} .advantages li:nth-child(even) .word{float:right;} .advantages li:nth-child(even) .pic{float:left;} .Energyservice{/* background:#02164d;background:url(../images/Energyservice-bg1.jpg) no-repeat center center/cover; */ margin-top:4%;} /*.Energyservice .head{ background:url(../images/Energyservice-headbg.png) no-repeat center center/cover; }*/ .Energyservice .head .tit{font-family: 'HarmonyOS_Sans_SC_Bold';text-align: center; color:#333;font-size:42px;margin-bottom: 1em;} .Energyservice .head .tit:after{content:'';width:45px;;height: 5px;background:#095ebd;display: block;margin:0 auto; transform: skewX(-45deg);margin-top:12px;} .Energyservice .auto{max-width:1560px;width:94%;position: relative;padding:2% 0 3%; z-index: 2} .Energyservice .Econ .fl{width: 26.8%;} .Energyservice .Econ .fr{width: 64%;} .Energyservice .Econ .fr img{transition:all 1s ease-out 0s;opacity:0;transform:translateY(80px); } .Energyservice.showdiv .Econ .fr img{transform:none;opacity:1;} .Energyservice .Econ .menu{background:rgba(0,0,0,0.05);padding:42px 22px;} .Energyservice.showdiv .Econ li a{/*transform:none;*/opacity:1;} .Energyservice .Econ li:last-child{margin-bottom:0;} .Energyservice .Econ li a{font-size:22px;color:#fff;display: block;transition: all ease-out 0.5s;} .Energyservice .Econ li a{background:#095ebd; text-align: center;margin-bottom:30px;padding:11px 0; border-radius: 10px;transition:all 0.6s ease-out 0s;opacity:0;transform: translateY(6px);} .Energyservice .Econ li a:hover{background:#177ff4;transform:rotateY(360deg);} .Energyservice #particles-js{position: absolute;left:0;top:0;width:100%;height: 100vw} @media(max-width:768px){ .advantages li .word{width:100%;padding-top:14px;} .advantages li .word img{width:50px;} .advantages li .word h2{font-size:24px;margin:10px 0;} .advantages li .word p{line-height: 30px;text-align: justify;} .advantages li .pic{width:100%;} .Energyservice .head .tit{font-size:28px;} .Energyservice{margin-top:75px;} .Energyservice .head .tit{font-size:18px;padding:12px 0 30px;} .Energyservice .Econ .fl{width:100%;} .Energyservice .Econ .fr{width:100%;} .Energyservice .Econ .menu{padding:15px 10px;} .Energyservice .Econ li{margin-bottom:10px;padding:8px 0;} .Energyservice .Econ li a{font-size:16px;} } /*Floor003099 */ .Floor003099{ padding:5% 0;} .Floor003099 .auto{max-width: 1400px; overflow: hidden;} .Floor003099 .lm-title{text-align: left;float:left;} .Floor003099 .lm-more a{float:right; color:#fff; background:#095ebd; line-height:45px; text-align:center; display:inline-block; padding-left:25px; padding-right:16px; font-size: 16px;margin-top:58px;} .Floor003099 .lm-more a::after{ background:url(../images/Floor002783-a_more.png) no-repeat right center; width:33px; height:7px; display:inline-block; content:''; margin-left:2px;vertical-align:middle; transition:0.2s;} .Floor003099 .slider .slick-list li a{display: block; margin: 0 1vw;} .Floor003099 .pic{overflow: hidden;position: relative;margin-right: 3px;} .Floor003099 .pic:before, .Floor003099 .pic:after{content: '';position: absolute; width: 0;height: 0; opacity: 0; transition: 0.5s; border: 3px solid transparent; z-index: 10;} .Floor003099 .pic:before{left: 0;bottom: 0; border-left-color: #095ebd;border-bottom-color: #095ebd;} .Floor003099 .pic:after{right: 0; top: 0;border-right-color: #095ebd;border-top-color: #095ebd;} .Floor003099 li a:hover .pic:after, .Floor003099 li a:hover .pic:before{width: 100%; height: 100%; opacity: 1;} .Floor003099 .pic .Ispic{padding-bottom: 67.214%; transition: 0.5s;} .Floor003099 li a:hover .Ispic{transform: scale(0.85);} .Floor003099 .slider li .txt{padding-top: 2vw;} .Floor003099 .slider .slick-dots{display: table; margin: 0 auto;margin-top:2%;} .Floor003099 .slider .slick-dots li{float: left; border: 1px solid #eaeaea;border-radius: 50%; width: 12px; height: 12px; margin: 0 12px;background: #eaeaea;} .Floor003099 .slider .slick-dots li button{display: none;} .Floor003099 .slider .slick-dots li.slick-active{border-color: #095ebd;background: #095ebd;} .Floor003099 .txt label{display: block; font-size: 16px;color: #000; margin-bottom: 1.5vw;} .Floor003099 .txt time{font-size: 14px;color: #999;} .Floor003099 .txt .tit{font-size: 28px;color: #333; line-height: 1.071em; margin-top: 14px;} .Floor003099 li a:hover .txt .tit{color:#095ebd;} .Floor003099 .txt p{line-height: 1.714;color: #666;text-align: justify} @media(min-width:1025px){ .Floor003099 .slider .slick-list li{padding-bottom:0.5vw;} .Floor003099 .slider .slick-list li:nth-child(2n){padding-top: 0vw;padding-bottom: 0;} } @media(max-width:1024px){ .Floor003099 .title{font-size: 6vw;} } @media(min-width:641px){ /*.Floor003099 .slider{ margin: 0 -1vw;}*/ } @media(max-width:640px){ .Floor003099 .txt .tit{font-size: 5vw;} } /* .PicList001761 涓篸emo缂栧彿 */ .PicList001761{padding:4% 0 4%;} .PicList001761 .categoryname{ padding:0% 0; font-size:24px; color:#333;border-left:3px solid #095ebd;padding-left:10px;margin-bottom:3%;margin-top:3%;} .PicList001761 li{ float:left; width:22%; margin-right:4%; text-align:center;} .PicList001761 li figure{border:1px solid #e9e9e9; padding-bottom:75%; background-size:contain;} .PicList001761 li figure img{ display:none;} .PicList001761 li a{color:#333; display:block;} .PicList001761 li a:hover span{ } .PicList001761 li span{ line-height:30px; padding:5% 0; font-size:18px;} .PicList001761 li:nth-child(4n){ margin-right:0;} @media(max-width:375px){ .PicList001761 .categoryname{ font-size:18px;} .PicList001761 li{ width:auto; float:none; margin-right:0; margin-bottom:2%;} } /*PicList000687 */ .PicList000687{padding: 4% 0 0 0;overflow: hidden;} .PicList000687 .auto{max-width: 1400px;width:92%;} .PicList000687 .more{ text-align: center;width: 128px; line-height: 42px;color: #fff; background: #095ebd;display: block;font-size:15px; } .PicList000687 .more:hover{background: #01b0cd;} .PicList000687 .more:after{display: inline-block; content: '';background: url("../images/PicList000687_more.png") no-repeat; width: 25px; height: 6px; vertical-align: middle; margin-left: 5px;} @media(max-width:480px){ .PicList000687 .more{line-height: 10vw;} } .PicList000687 .tit{font-size: 28px;color: #333;font-weight: normal;margin-bottom:4%;} .PicList000687 .tit a{color:#333;} .PicList000687 time{} .PicList000687 li p{line-height: 1.8em;color: #888;height: 3.43em; margin-bottom: 2.03vw;} @media(max-width:640px){ .PicList000687 .tit{font-size:18px;} .PicList000687 p{font-size:3.5vw;} .PicList000687 .lm-title{line-height: normal;margin-bottom:0;} .PicList000687 .lm-title p{font-size:9vw;} } .PicList000687 .news-top{padding-bottom: 3.5vw;} .PicList000687 .news-top .info{background:#f7f7f7;} .PicList000687 .news-top time{display: block; margin-bottom: 0vw;color: #cbcbcb;font-size: 18px;} .PicList000687 .news-top time span{display: block;font-size: 2em;} .PicList000687 .news-top .slick-dots{ text-align: center;padding-top: 1.72vw;} .PicList000687 .news-top .slick-dots li{display: inline-block; width: 25px; height:4px; margin: 0 7px;background-color: #e5e5e5;} .PicList000687 .news-top .slick-dots li button{display: none;} .PicList000687 .news-top .slick-dots li.slick-active{background:#095ebd;} @media(min-width:769px){ .PicList000687 .news-top .pic{width: 780px;} .PicList000687 .news-top .info .main{padding-left: 10%;padding-right:10%;} } @media(min-width:1025px) and (max-width:1024px){ .PicList000687 .news-top .pic{width: 45%;} } @media(max-width:768px){ .PicList000687 .news-top .ytable-cell, .PicList000687 .news-top .ytable{display: block;} .PicList000687 .news-top .info{padding: 5vw;} } @media(max-width:640px){ .PicList000687 .news-top time{font-size: 3.6vw;} } .PicList000687 .news-list{padding: 0 0 0 0;} .PicList000687 .news-list li{background: #f7f7f7; margin-bottom: 1.6vw;} .PicList000687 .news-list li a:hover{} .PicList000687 .news-list .main{border-left: 2px solid #095ebd; padding-left: 4.17vw; padding-right: 6.06vw;} .PicList000687 .news-list .tit{margin-bottom: 10px;font-size:22px;} .PicList000687 .news-list li:hover .tit{color:#095ebd;} .PicList000687 .news-list time{color: #ccc;font-size:14px;} .PicList000687 .news-list .more{line-height: normal;color: #a5894b;background: none;width: auto; text-align: left;} .PicList000687 .news-list .more:after{background-image: url("../images/PicList000687_more.gif");} .PicList000687 .news-list li p{margin-bottom:0;} @media(min-width:641px){ .PicList000687 .news-list .pic{width: 350px;} } @media(max-width:640px){ .PicList000687 .news-list .ytable-cell, .PicList000687 .news-list .ytable{display: block;} .PicList000687 .news-list li{margin-bottom:4vw;background:#fff;} .PicList000687 .news-list .tit{font-size:18px;} .PicList000687 .news-list .main{padding: 4vw;border: 2px solid #095ebd; border-bottom: 0;} } /*Form002100 */ .Form002100{padding:8% 0 5%;} .Form002100 .reg_form{ padding:4%;background:#f8f8f8;} .Form002100 .reg_form h1{ margin:0; font-size:30px; color:#333;font-weight: normal;} .Form002100 .reg_form h1 b{width:38px; height:38px; float:left; display:inline-block; margin-right:10px; text-align:center; line-height:37px; background:url(../images/tx.png) no-repeat center center #095ebd; border-radius:50%; color:#fff;} .Form002100 .reg_form dl{ border-top:1px dashed #ccc; padding:3% 0 0 0; margin-top:3%; overflow:hidden;} .Form002100 .reg_form dl dt, .Form002100 .reg_form dl dd{ float:left; line-height:37px;} .Form002100 .reg_form dl dt{ width:24%; padding-left:3%;} .Form002100 .reg_form dl dt b{ width:38px; height:38px; float:left; display:inline-block; margin-right:10px; text-align:center; line-height:37px; background:url(../images/tx.png) no-repeat center center #095ebd; border-radius:50%; color:#fff;} .Form002100 .reg_form dl dd{ width:76%;} .Form002100 .reg_form dl.table dt{ width:22%;color:#333;font-size:18px;} .Form002100 .reg_form dl.table dd{ width:100%;} .Form002100 .reg_form dl.tab a{ float:left;border:1px solid #e4e4e4; padding:0 5%; border-radius:3px; line-height:44px; margin-right:2%; color:#999;} .Form002100 .reg_form dl.tab a.on{ border-color:#f04848; color:#333;} .Form002100 .reg_form table{ max-width:800px;margin:0 auto;} .Form002100 .reg_form td{ padding:0; line-height:37px; padding-bottom:10px;} .Form002100 .reg_form td.f_name{ width:158px; color:#333;} .Form002100 .reg_form td .text{ width:100%; border:1px solid #e4e4e4; padding:0 10px; border-radius:3px; line-height:40px; height:40px;} .Form002100 .reg_form td textarea{ width:100%; border:1px solid #e4e4e4; padding:0 10px; border-radius:3px; line-height:32px; height:120px;} .Form002100 .reg_form td.btn{ text-align:center;padding-top:22px;} .Form002100 .reg_form td.btn input{width:38%;border-radius:3px; font-size:16px; color:#fff; background:#095ebd; cursor:pointer; padding:0; border:none; height:44px; min-width:120px;} @media(max-width:1000px){ .Form002100 .reg_form dl dt, .Form002100 .reg_form dl dd{ float:none; width:auto !important;} .Form002100 .reg_form dl dt{ padding-left:0; padding-bottom:10px;} } @media(max-width:640px){ .Form002100{padding:110px 0 5%;} .Form002100 header span{ display:none;} .Form002100 header img{ height:50px;} .Form002100 .reg_form h1{font-size:24px;} .Form002100 .reg_form dl{padding:5% 0 0 0;margin-top:5%;} .Form002100 .reg_form td.f_name{width:126px;color:#333;font-size:14px;} .Form002100 .reg_form td.btn input{ font-size:15px; } .Form002100 .reg_form td textarea{height: 130px;} .Form002100 footer{ text-align:left;} .Form002100 footer .bdsharebuttonbox{ float:none; margin-bottom:10px;} } /*PicList002949 */ .PicList002949{padding-top:4%;} .PicList002949 .item{margin: 0vw 0 2.2vw;box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);} .PicList002949 .item a:hover{color: #333;} .PicList002949 .txt .inner{padding: 2vw 4vw;} .PicList002949 .txt p{line-height: 1.8em; color: #666;text-align: justify;} .PicList002949 .tit{font-size: 26px; line-height: 1em;color:#333;} .PicList002949 .tit:after{display: block; margin-top: 1.25em; content: '';background: #095ebd; width: 48px; height: 2px;} .PicList002949 .txt .down{background:url(../images/down.png) no-repeat left 19px center/17px #095ebd;color:#fff;font-size:15px;padding:8px 22px 8px 42px;border-radius: 2px;display: inline-block;margin-top:15px;margin-right:15px;} .PicList002949 .txt .down:hover{color:#fff;} .PicList002949 .item a:hover .tit:after{background: #01b0cd;} .PicList002949 .item .more{padding-right: 25px;display: inline-block;background: url("../images/PicList002949_more.png") no-repeat right center;color: #999;} @media(min-width:1025px){ .PicList002949 .pic{ width:670px;} } @media(min-width:641px) and (max-width:1024px){ .PicList002949 .pic{ width:50%;} .PicList002949 .tit{font-size: 3vw;} } @media(max-width:640px){ .PicList002949{padding-top:6%;padding-bottom:3%;} .PicList002949 .ytable, .PicList002949 .ytable-cell{display: block;} .PicList002949 .txt .inner{padding: 5vw;font-size: 3.5vw;} .PicList002949 .tit{font-size: 5vw;} .PicList002949 .tit:after{margin-top:1em;width:40px;} .PicList002949 .txt p{font-size:15px;line-height: 26px;} } /*PicList002950 */ .PicList002950{padding-bottom:4%;display: none} .PicList002950True{display: block} .PicList002950_{padding-top:4%;padding-bottom:0;} .PicList002950 .morereport{text-align: right;} .PicList002950 .morereport a{font-size:16px;color:#fff;display: inline-block;margin-bottom:28px;background:#095ebd;padding:10px 24px;} .PicList002950 .item{margin: 0vw 0 2.2vw;box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);} .PicList002950 .item a:hover{color: #333;} .PicList002950 .txt .inner{padding: 2vw 4vw;} .PicList002950 .txt p{line-height: 1.8em; color: #666;text-align: justify;} .PicList002950 .tit{font-size: 26px; line-height: 1em;color:#333;} .PicList002950 .tit:after{display: block; margin-top: 1.25em; content: '';background: #095ebd; width: 48px; height: 2px;} .PicList002950 .txt .down{background:url(../images/down.png) no-repeat left 19px center/17px #095ebd;color:#fff;font-size:15px;padding:8px 22px 8px 42px;border-radius: 2px;display: inline-block;margin-top:15px;margin-right:15px;} .PicList002950 .txt .down:hover{color:#fff;} .PicList002950 .item a:hover .tit:after{background: #01b0cd;} .PicList002950 .item .more{padding-right: 25px;display: inline-block;background: url("../images/PicList002949_more.png") no-repeat right center;color: #999;} @media(min-width:1025px){ .PicList002950 .pic{ width:330px;} } @media(min-width:641px) and (max-width:1024px){ .PicList002950 .pic{ width:50%;} .PicList002950 .tit{font-size: 3vw;} } @media(max-width:640px){ .PicList002950{padding-top:6%;padding-bottom:3%;} .PicList002950 .ytable, .PicList002950 .ytable-cell{display: block;} .PicList002950 .txt .inner{padding: 5vw;font-size: 3.5vw;} .PicList002950 .tit{font-size: 5vw;} .PicList002950 .tit:after{margin-top:1em;width:40px;} .PicList002950 .txt p{font-size:15px;line-height: 26px;} } /*PicList002735 */ .PicList002735{padding-top:1%;} .PicList002735 li{ margin-bottom: 2%; margin-top: 2%;} .PicList002735 li a{display: block;background: #f7f7f7;transition: 0.3s;} .PicList002735 li a:hover{} .PicList002735 li .Ispic{background-color: #000; padding-bottom: 63%;} .PicList002735 li .txt{padding: 35px;} .PicList002735 li .txt h3{font-size: 24px; color: #333;font-weight: normal;margin-top:0;margin-bottom:15px;} .PicList002735 li .txt p{line-height: 28px;color: #666;height: 58px;margin-bottom:0; } @media(min-width:481px){ .PicList002735 li{float: left;} } @media(min-width:769px){ .PicList002735 li{width: 30.9%; } .PicList002735 li:not(:nth-child(3n)){margin-right: 3.6%;} } @media(min-width:481px) and (max-width:768px){ .PicList002735 li{width: 48%; } .PicList002735 li:not(:nth-child(2n)){margin-right: 4%;} } @media(max-width:768px){ .PicList002735 li .txt{padding:20px;} .PicList002735 li .txt h3{font-size:20px;margin-bottom:10px;} .PicList002735 li .txt p{line-height: 26px;} } /*TextList000286 */ .TextList000286{padding: 4% 0 4% 0;} .TextList000286 .auto{} .TextList000286 .categoryname{font-size:24px;color:#333;margin-bottom:0%;padding:22px;background:#f7f7f7;} .TextList000286 ul{} .TextList000286 li .inner{border-bottom: solid 1px #eee; padding: 22px 22px;} .TextList000286 li .title{color: #bbb;} .TextList000286 li .tit > *{float: left;} .TextList000286 li .tit b{font-size: 20px;color: #333;max-width: 70%;font-weight: normal;} .TextList000286 li .tit span{max-width: 25%;margin-left: 3%; line-height: 18px;padding-top: 6px;} .TextList000286 li p{margin-bottom: 0;position: relative;line-height: 30px;padding-right: 100px;} .TextList000286 li p span.price{color: #a52d34; font-size: 16px;} .TextList000286 li a{position: absolute;right: 0;top:0; width: 105px; text-align: center;color: #fff;background: url(../images/down.png) no-repeat left 23px center/17px #095ebd; border-radius: 30px; line-height: 34px; padding-left:15px; transition: 0.3s;} .TextList000286 li a:hover{} @media(min-width:641px){ .TextList000286 li .title{position: relative; padding-right: 120px;} .TextList000286 li .title time{line-height: 24px;padding-top: 10px;display: block;font-size:15px;} .TextList000286 li p span{float: left;} .TextList000286 li p a{ top: 0;} .TextList000286 li p span.price{margin-right: 3%; max-width: 25%;} .TextList000286 li p span.other{max-width: 70%} } @media(min-width:1025px){ .TextList000286 li{float: left; width: 100%;} .TextList000286 li:nth-child(2n){float: right;} } @media(max-width:1024px){ .TextList000286 li{margin-bottom: 3vw;} } @media(max-width:640px){ .TextList000286 li p a{ bottom: 0;} .TextList000286 li .title time{margin-top: 5px;display: block;clear: both;} .TextList000286 li p span.other{ white-space: initial;text-overflow: initial; line-height: 20px;} } /*Floor003129 */ .Floor003129{padding:5% 0 0%;} .Floor003129 .auto{max-width:1400px;width:92%; font-size:16px;position: relative;} .Floor003129 .h-title{margin-bottom:50px;} .Floor003129 .h-title .more{position: absolute;width: 3.125em;height: 3.125em;border:1px solid #b9b9b9; right: 0; top: 50%;border-radius: 50%; background: url(../images/Floor003129-icon.svg) no-repeat center; background-size: 1em auto; margin-top: -0.5625em;transition: 0.3s;} .Floor003129 .h-title .more:hover{border-color: #095ebd; background-color: #095ebd; background-image: url(../images/Floor003129-icon-white.svg);} .Floor003129 .new-title{position: absolute;right: 0;top: 40px;} .Floor003129 .new-title a{color: #333;background: #f5f5f5;line-height: 42px;text-align: center;display: inline-block;padding-left: 24px; padding-right: 12px; font-size:14px;} .Floor003129 .new-title a::after {background: url(../images/Floor002783-a_more2.png) no-repeat right center;width: 33px;height: 7px;display: inline-block;content: '';margin-left: 2px; vertical-align: middle;transition: 0.2s;} .Floor003129 .new-title a:hover{background-color: #095ebd;color: #fff;} .Floor003129 .new-title a:hover::after{background: url(../images/Floor002783-a_more.png) no-repeat right center;} .Floor003129 .list label{font-size: 0.875em;line-height: 1.7142;padding: 2px 11px;border: solid 1px #095ebd;background:#095ebd;color:#fff; display: inline-block;transition: 0.3s;} .Floor003129 .list a:hover label{border: solid 1px #095ebd;background-color: #095ebd;color: #fff;} .Floor003129 .list .tit{font-size: 20px;color: #333333; margin: 1em 0; } .Floor003129 .list .txt:hover .tit{color:#095ebd;} .Floor003129 .list ol .tit{line-height: 1.6;} .Floor003129 .list .txt p{margin: 0;color: #888;font-size: 14px;line-height: 1.7142;} .Floor003129 .list time{color: #999999; padding-right: 3.4375em;background: url(../images/Floor003129-icon.svg) no-repeat right center; background-size: 1em auto;display: inline-block;} .Floor003129 .list ol time{margin-top: 28px;} .Floor003129 .list ol .pic{overflow: hidden; margin-bottom: 2.5em;} .Floor003129 .list ol .Ispic{padding-bottom: 59.091%;transition: 0.3s ease-out;} .Floor003129 .list a:hover .Ispic{transform: scale(1.1);} @media (min-width:1025px) { .Floor003129 .list{position: relative;z-index: 1;} .Floor003129 .list:before{position: absolute;content: '';left:37.286%;width: 1px;height: 100%;background-color: #f2f2f2; top: 0;} .Floor003129 .list ol{float: left;width: 32.429%;} .Floor003129 .list li{float: right;width: 58.143%; border-bottom: 1px solid #f2f2f2;} .Floor003129 .list li a{height: 12.1875em;} .Floor003129 .list li:nth-of-type(1) a{height: 9.625em;} .Floor003129 .list li:nth-of-type(1) a .ytable-cell{vertical-align: top;} .Floor003129 .list li .txt{position: relative;padding-right: 12.75em;} .Floor003129 .list li time{position: absolute;right: 0; top: 50%; line-height: 2; margin-top: -1em;} } @media (max-width:1024px) { .Floor003129 .auto{} .Floor003129 .h-title{margin-bottom:35px;} .Floor003129 .new-title{position: relative;right: auto;top:auto;text-align:center;margin-bottom: 30px;} .Floor003129 .list ol{margin-bottom: 2em;} .Floor003129 .list ol .pic{margin-bottom:1.5em;} .Floor003129 .list li{border-top: 1px solid #f2f2f2; padding: 1.3em 0;} .Floor003129 .list ol time{margin-top:20px;} .Floor003129 .list li time{margin-top: 20px;} .Floor003129 .list .tit{font-size:18px;} } /*Floor002717 */ .Floor002717{ position:relative; padding:3% 0 0; overflow:hidden;} .Floor002717 .title{font-size:32px;color:#333;text-align: center;margin-bottom:40px;} .Floor002717 .auto{ max-width:1400px;} .Floor002717 .list{ position:relative; z-index:10;} .Floor002717 .list:before{ position:absolute; left:0; width:100%; background:url(../images/Floor002717_bg.jpg) repeat; top:0; height:50%; top:25%; content:'';} .Floor002717 .list .auto{ position:relative; z-index:3;} .Floor002717 .list ul{ float:left; width:50%;} .Floor002717 .list ul:nth-child(2){ margin-top:7%;} .Floor002717 .list li{margin:0 3% 6%;} .Floor002717 .list li:nth-child(2){margin-bottom:0;} .Floor002717 .list li a{ position:relative; display:block; color:#e5dbcb;} .Floor002717 .list li a:after{ transition:0.3s; position:absolute; left:0; bottom:0; height:100%; right:0; z-index:3; content:''; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */} .Floor002717 .list li .txt{ transition:0.3s; position:absolute; left:5%; right:5%; bottom:5%; z-index:10;} .Floor002717 .list li .txt h3{ font-weight:normal; font-size:24px;color:#fff; margin:0;} .Floor002717 .list li .txt p{ margin:0; font-size:20px;color:rgba(255,255,255,0.7);} .Floor002717 .list li .Ispic{ padding-bottom:56%;} .Floor002717 .list li a:hover:after{ background:rgba(9,94,189,0.7);} .Floor002717 .list li a:hover .txt{ bottom:45%; text-align:center;}f @media(max-width:640px){ .Floor002717 .list li .txt h3{font-size:18px;} .Floor002717 .list li .txt p{ font-size:15px;} } @media(max-width:480px){ .Floor002717 .title{font-size:26px;margin-bottom:25px;} .Floor002717 .list{ margin-top:0 !important;} .Floor002717 .list ul:nth-child(2){ margin-top:0;} .Floor002717 .list li:nth-child(2){margin-bottom: 6%;} .Floor002717 .list li .txt h3{font-size:16px;} .Floor002717 .list li .txt p{ font-size:12px;} .Floor002717 .list:before{display: none;} } /*Floor002978*/ .Floor002978{margin: 0px 0 5%; overflow: hidden;} .Floor002978 .auto{width: 80%; max-width: 1100px;position: relative; z-index: 1;} .Floor002978 .slick-list{overflow: inherit;} .Floor002978 .slick-arrow{ z-index: 20; position: absolute; top: 60%; width: 20px; height: 20px; border: 2px solid #fff; border-right: 0; border-bottom: 0; margin-top: -8px;} .Floor002978 .slick-prev{left: 35px; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .Floor002978 .slick-next{right: 35px; transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Floor002978 li a{display: block; margin: 0 10px;position: relative;} .Floor002978 li .pic{overflow: hidden;} .Floor002978 li .Ispic{padding-bottom: 55%;transition: 0.3s;} .Floor002978 li.slick-center a:hover .Ispic{ transform: scale(1.2);} .Floor002978 li .txt{bottom: 0%; left: 0%; width: 100%; text-align: center; color: #fff; z-index: 10;position:absolute;} .Floor002978 li aside{word-break: break-word; line-height: 1.2em;} .Floor002978 li .t-1{font-size: 24px;padding:3% 0;background:rgba(0,0,0,0.5);} .Floor002978 li .t-2{font-size: 30px; margin-bottom: 1.334em; margin-top: 0.2em;} .Floor002978 li .more{display: table; margin: 0 auto;position: relative; padding: 5px 0;transition: 0.3s;} .Floor002978 li .more:after{position: absolute; content: ''; left: 0; bottom: 0; height: 1px; width: 100%;background: #fff; transition: 0.3s;} .Floor002978 li a:hover .more{padding-left: 10px; padding-right: 10px;color: #fff;} .Floor002978 li a:hover .more:after{ height: 100%;background: #86bf47;} .Floor002978 li .more i{font-style: normal;position: relative;display: block;font-size: 18px; z-index: 4;} @media(min-width:769px) and (max-width:1280px){ .Floor002978 li .t-1{font-size: 2vw;} .Floor002978 li .t-2{font-size: 2.2vw;} .Floor002978 li .more i{font-size: 1.5vw; } } @media(max-width:768px){ .Floor002978{margin: 4% 0; } } @media(max-width:480px){ .Floor002978 li a{margin: 0 5px;} .Floor002978 li .t-1{font-size: 4vw;} .Floor002978 li .t-2{font-size: 4.5vw; margin-bottom: 0.5em;} .Floor002978 li .more i{font-size:3vw; } .Floor002978 .slick-prev{left: 4vw;} .Floor002978 .slick-next{right: 4vw;} } /*Floor */ .Floor002783{padding:5% 0;} .Floor002783 ul{margin-top: 4em;/* padding-bottom:45.167%; */} .Floor002783 .h-title{/* text-align: left; *//* width:24%; */margin-bottom:14px;} .Floor002783 .h-title:after{/* margin-left:0; */} .Floor002783 .title{/* position:absolute; *//* width:23.75%; */overflow:hidden;padding-top:0px;text-align: center;} .Floor002783 .title p{ font-size: 16px; line-height: 30px; color: #666;max-height: 90px;overflow: hidden} .Floor002783 .title .more{ color:#fff; background:#095ebd; line-height:42px; text-align:center; display:inline-block; padding-left:24px; padding-right:12px; font-size: 14px;margin-top:24px;} .Floor002783 .title .more::after{ background:url(../images/Floor002783-a_more.png) no-repeat right center; width:33px; height:7px; display:inline-block; content:''; margin-left:2px;vertical-align:middle; transition:0.2s;} .Floor002783 .title .more:hover{background:#01b0cd;} .Floor002783 .title .more:hover::after{ } .Floor002783 li{position: relative;width: 31%;float: left;} .Floor002783 li:not(:nth-child(3n)){margin-right: 3.5%;} .Floor002783 li:nth-of-type(1){/* left:25.5%; *//* top: 0; *//* width:74.5%; */} .Floor002783 li:nth-of-type(2){/* left:0; *//* bottom: 0; *//* width:60%; */} .Floor002783 li:nth-of-type(3){/* left:61.75%; *//* bottom: 0; *//* width:38.3%; */} .Floor002783 li:nth-of-type(4){ right:0; top: 0; width:23.75%; height: 100%;} .Floor002783 li a{display:block;padding:15px;/* height:100%; */padding-bottom: 80%;} .Floor002783 li figure img{ display:none;} .Floor002783 li figure{ margin-bottom:10px; background-size:contain;} .Floor002783 li h5{margin:0;font-size: 22px;font-weight:normal;line-height:30px;color:#fff;position: absolute;left: 5%;bottom:9%;width:80%;} .Floor002783 li:nth-of-type(3) h5{ left: 10%;} .Floor002783 li:nth-of-type(4) h5{ bottom:4.5%; left: 10%;} .Floor002783 li h5 i{display:inline-block; vertical-align:middle; width: 50px; height: 7px; background: url(../images/Floor002783-more.png) no-repeat center; margin-left: 4px; } .Floor002783 li span{ color:#8a8fa0; line-height:24px;} .Floor002783 li div{ opacity:0; position:absolute; left:0; top:0; height:100%; width:100%; background:rgba(9, 94, 189, 0.6); transition:0.3s;} .Floor002783 li div i{ color:#fff; position:absolute; width:100%; background:url(../images/Floor002783-detail.png) no-repeat center top; padding-top:40px; line-height:20px; top:50%; margin-top:-30px; text-align:center; font-style:normal;} .Floor002783 li a:hover div{ opacity:1;} @media(max-width:1100px){ .Floor002783 ul{ padding-bottom:60%;} .Floor002783 .h-title{width:100%;} .Floor002783 .title p{margin:5px 0 10px;} } @media(max-width:920px){ .Floor002783 .title{ position:relative; width:100%; height:auto; padding-bottom:8%;} .Floor002783 .title::before{left:50%; margin-left:-36px;} .Floor002783 .title .more{margin-top:10px;} .Floor002783 ul{padding-bottom: 0;} .Floor002783 li{ position:relative; left: auto !important; right: auto !important;top: auto !important;bottom: auto !important;width: 49% !important;height: auto !important;float: left; margin-bottom: 2%;margin-right: 2%;} .Floor002783 li:nth-child(2n+1){margin-right:0;} .Floor002783 li a{height:auto; padding-bottom: 60%; } .Floor002783 li h5{font-size:20px; } .Floor002783 li:nth-of-type(3) h5, .Floor002783 li:nth-of-type(4) h5{left: 5%; bottom:9%; } } @media(max-width:560px){ .Floor002783 li{float: none; margin-right: 0; width:100% !important;} } @media(max-width:480px){ .Floor002783 .title h1{ font-size:20px;} } /* .TextList002798 */ .TextList002798{ padding: 4% 0; } .TextList002798 .list { border:1px solid #e8e8e8; margin-bottom:15px;} .TextList002798 .tab{ line-height:30px; padding:16px 2%; font-size:16px; cursor:pointer; position:relative;} .TextList002798 .tab p{display:block; font-size: 24px; color: #3d3d3d; margin: 0; padding-right: 200px;} .TextList002798 .tab p:hover{color: #095ebd;} .TextList002798 .tab span{width:auto;line-height: 30px;position: absolute;top:1px;font-size: 14px;padding:5px 25px;margin-top:10px; color:#333; background:#f2f2f2;} .TextList002798 .tab .btn {right: 10px;} .TextList002798 .tab .btn:nth-child(2){ right:26px;} .TextList002798 .tab.aon .btn{ background: #095ebd;color: #fff; } .TextList002798 .list-main ul{ padding:15px 2%; border-top:1px dotted #e5e5e5; background:#f9f9f9;} .TextList002798 .list-main ul{display: none;} .TextList002798 .list-main ul li{ padding:23px 0; border-bottom: 1px dashed #ddd;position:relative;} .TextList002798 .list-main ul li a{display:block; padding: 0 75px 0 20px; background: url(../images/TextList002798_dow.png) 0 50% no-repeat; font-size: 17px; color: #3d3d3d;} .TextList002798 .list-main ul li a:hover{color: #095ebd;} .TextList002798 .list-main ul li span{width:auto; height: 30px; line-height: 30px; position: absolute; top: 0; font-size: 12px; background: #18469e; color: #fff; padding: 0 10px; margin-top:10px; } .TextList002798 .list-main ul li .down{position: absolute;top:4px; text-align:center; width:80px; right: 10px; background:url(../images/down2.png) no-repeat left 12px center/16px #fff; padding-left: 30px;height:32px; border:1px #095ebd solid; color:#095ebd; line-height:32px;font-size:14px;} .TextList002798 .list-main ul li:last-child{ border-bottom:none;} @media(max-width:640px){ .TextList002798{padding:5% 0;} .TextList002798 .tab span{font-size: 12px; padding: 4px 14px;} .TextList002798 .tab .btn:nth-child(2) { right: 10px; } .TextList002798 .tab p{font-size:18px;padding-right:90px;} .TextList002798 .list-main ul li{padding:20px 0;} .TextList002798 .list-main ul li a{ background: url(../images/TextList002798_dow.png) 0 3px no-repeat;font-size:16px;} .TextList002798 .list-main ul li .down{ position: relative; top: 0; right: auto; display: block; margin-top: 15px; } } /* Floor000868 涓篸emo缂栧彿 */ .Floor000868{padding-bottom:5%;} .Floor000868 .auto{} .Floor000868 li .txt{width:100%;position: absolute;bottom:0;left:0;padding:3% 5%;background:rgba(0,0,0,0.5);} .Floor000868 li h2{font-size:22px;color:#fff;margin:0;font-weight: normal;text-align: center;} .Floor000868 li h5{ color:#fff; margin:0; font-size:18px; padding:10px 0; text-align:left;} .Floor000868 li p{ color:#fff; font-size:14px; line-height:26px; padding:0; margin:0; margin-bottom:12px; text-align:left;} .Floor000868 li span{font-size:14px;color:#fff;display: block;} .Floor000868 .flipto-prev, .Floor000868 .flipto-next { position: absolute; font-family:瀹嬩綋; font-size:24px; border-radius:100px; width:40px; line-height:40px; text-align:center; top: 40%; z-index: 100; display: block; background-color:rgba(250, 250, 250, 0.7); color: #000; -ms-transition: background-color 300ms ease; -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease;} .Floor000868 .flipto-prev:hover, .Floor000868 .flipto-next:hover { background-color: #095ebd; color: #fff; } .Floor000868 .flipto-prev { left:2%; } .Floor000868 .flipto-next { right:2%; } /*RighInfo003134 */ .RighInfo003134{padding:5% 0 3%;} .RighInfo003134 .auto{} .RighInfo003134 .img-side{border: solid 1px #f2f2f2; margin-bottom: 4em; padding:30px 0 40px;} .RighInfo003134 .img-side .ytable-cell{ padding-bottom: 3em;} .RighInfo003134 .img-group li .Ispic{background-size: contain;padding-bottom:20%;} .RighInfo003134 .controls{display: table;position: relative;padding: 0 56px; margin: 3.125em auto 0;} .RighInfo003134 .controls .slick-dots li{float: left;position: relative; width: 13px;height: 13px; margin: 0 5px;} .RighInfo003134 .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 7px;height: 7px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;} .RighInfo003134 .controls .slick-dots li.slick-active button{background-color: #095ebd; width: 100%;height: 100%;} .RighInfo003134 .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px;} .RighInfo003134 .controls .slick-prev{left: 0;background-image: url(../images/RighInfo003134-btn-prev.svg);} .RighInfo003134 .controls .slick-next{right: 0;background-image: url(../images/RighInfo003134-btn-next.svg);} .RighInfo003134 .controls .slick-disabled{cursor: default;} .RighInfo003134 .controls .slick-prev.slick-disabled{background-image: url(../images/RighInfo003134-btn-prev-disabled.svg);} .RighInfo003134 .controls .slick-next.slick-disabled{background-image: url(../images/RighInfo003134-btn-next-disabled.svg);} .RighInfo003134 .img-side .txt .tit{text-align: center;} .RighInfo003134 .img-side .txt p{font-size:16px;text-align: justify;line-height: 31px;} .RighInfo003134 .img-side .tit{font-size: 32px;color: #333; margin-bottom: 0.6em;} .RighInfo003134 .img-side .line{width: 15px; height: 2px; background-color: #095ebd;display: block;margin: 0 auto;} .RighInfo003134 .img-side .btn{ margin-top: 4.375em;} .RighInfo003134 .img-side .btn a{display: inline-block;font-size: 1.125em;color: #fff;box-shadow: 0px 10px 30px rgba(218, 37, 29, 0.08);border-radius: 5px; margin: 0 5px; min-width:12.5em;text-align: center; line-height: 3.3333;padding: 0 1.8125em; cursor: pointer;} .RighInfo003134 .img-side .btn a.download{background-color: #095ebd;} .RighInfo003134 .img-side .btn a.download2{background-color: #6e6e6e;} .RighInfo003134 .img-side .btn a:before{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 1.3888em;height: 3.3333em;margin-right: 0.5555em;} .RighInfo003134 .img-side .btn a.download:before{background-image: url(../images/RighInfo003134-icon-file.svg);} .RighInfo003134 .img-side .btn a.download2:before{background-image: url(../images/RighInfo003134-icon-download.svg);} .RighInfo003134 .prod-intro .name{border-bottom: 1px solid #efefef;font-size: 1.5em; padding-bottom: 0.666em;color: #333; line-height: 2;} .RighInfo003134 .prod-intro .name i{width: 2em; height: 2em;border-radius: 50%;background-color: #095ebd;display: inline-block;vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%;} .RighInfo003134 .prod-intro .name-1 i{background-image: url(../images/RighInfo003134-icon-file.svg);} .RighInfo003134 .prod-intro .name-2 i{background-image: url(../images/RighInfo003134-title-icon.svg);} .RighInfo003134 .prod-intro .singlePage{line-height: 1.875; margin: 2em 0 3em 0;} .RighInfo003134 .img-side .txt{text-align:left;} @media (min-width:1025px) { .RighInfo003134 .img-group li .Ispic{width: 50%;border-right: solid 1px #f2f2f2;} .RighInfo003134 .img-side .ytable-cell{padding-top: 4em;} .RighInfo003134 .img-side .txt{padding: 0 5%;width:50%;} } @media (max-width:1024px) { .RighInfo003134 .img-side{ padding:1em;} .RighInfo003134 .img-side .btn a{min-width: calc(50% - 10px);padding: 0;} } @media(max-width:768px){ .RighInfo003134 .img-side .ytable-cell{display: block;padding-bottom:0;} .RighInfo003134 .img-side .tit{font-size:24px;} .RighInfo003134 .img-group li .Ispic{padding-bottom:62%;margin-bottom:6%;} } .RighInfo003134 .popUp-box{position: fixed;z-index: 200; left: 0;top: 0;width: 100%; height:100%; background-color: rgba(0,0,0,0.5);display: none;} .RighInfo003134 .popUp-box > .ytable{height: 100%;} .RighInfo003134 .popUp-box .main{background: #fff url(../images/RighInfo003134-bg.jpg) no-repeat;background-size: cover; width: 90%; max-width: 1200px;margin: 0 auto;border-radius: 5px; position: relative; } .RighInfo003134 .popUp-box .close{position: absolute; right: 20px;top: 20px;width: 20px;height: 20px;z-index: 10;cursor:pointer;} .RighInfo003134 .popUp-box .close:before, .RighInfo003134 .popUp-box .close:after{position: absolute;content: ''; width: 100%;height: 2px;background-color: #000; top: 50%;margin-top: -1px;transform: rotate(-45deg);} .RighInfo003134 .popUp-box .close:after{transform: rotate(45deg);} .RighInfo003134 .popUp-box .logo img{height: 1.9375em;} .RighInfo003134 .popUp-box .title{font-size: 1.875em;color: #333333;line-height: 1.3333; margin-top: 0.3em;} .RighInfo003134 .popUp-box .title:after{display: block; content: '';width: 20px;height: 2px;background-color: #da251d; margin: 1em 0;} .RighInfo003134 .popUp-box .left p{font-size: 1.5em;line-height: 1.66666;color: #333333;} .RighInfo003134 .popUp-box .form li{position: relative;z-index: 1; margin-bottom: 10px;} .RighInfo003134 .popUp-box .form li label.tit{position: absolute; left: 1.21428em; top: 0;font-size: 0.875em; line-height: 3.5714em;} .RighInfo003134 .popUp-box .form li .text{border: solid 1px rgba(139,139,139,0.2);width: 100%;font-size: 1em; height:3.125em; line-height: 3.125em;border-radius:0.625em;padding: 0 1.0625em;} .RighInfo003134 .popUp-box .form li.code dl{overflow: hidden;} .RighInfo003134 .popUp-box .form li.code dl dt{position: relative;width: 60%;float: left;} .RighInfo003134 .popUp-box .form li.code dl dd{width: 38%;float: right;} .RighInfo003134 .popUp-box .form li.code dl dd a{display: block;cursor: pointer;background-color: #6e6e6e; border-radius: 10px;color: #fff;font-size: 0.875em;line-height: 3.5714em;text-align: center;} .RighInfo003134 .popUp-box .form ol .btn{display: block;width: 100%;background: #da251d;border:0;cursor: pointer;border-radius: 0.625em;height:3.125em;color: #fff;font-size: 1em;} @media (min-width:1025px) { .RighInfo003134 .popUp-box .main{padding: 10.9375vh 8.25em;} .RighInfo003134 .popUp-box .main .ytable-cell{width: 50%;} } @media (max-width:1024px) { .RighInfo003134 .popUp-box .main{padding:2em; } .RighInfo003134 .popUp-box .main .ytable{max-height: 85vh; overflow: auto;} } .auto_800{max-width:800px;width:96%;} /* .RichInfo005 涓篸emo缂栧彿 */ .RichInfo005{ padding:5% 0;} .RichInfo005 .news_info .title{ text-align:left; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:36px; font-weight:bold;color:#333;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #e4e4e4; padding-bottom:18px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info .con1{border-bottom:1px solid #eee;padding:3% 0;} .RichInfo005 .news_info .info .left{width:14%;float:left;} .RichInfo005 .news_info .info .left h2{font-size:26px;color:#333;font-weight: normal;} .RichInfo005 .news_info .info .right{width:84%;float:right;} .RichInfo005 .news_info .info p{font-size:16px;line-height: 30px} .RichInfo005 .news_info .info .pic{text-align: center;margin:5px auto;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .news_info .info_back a{ color:#07ad58; font-size:14px;} .RichInfo005 .news_info .info_pn span{ display:block;} .RichInfo005 .news_info .info_pn span a{ color:#999;} .RichInfo005 .news_info .info_pn span a:hover{color:#07ad58;} .RichInfo005 .topic li.slick-slide{position: relative;} .RichInfo005 .topic li .url{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 2; opacity: 0;background-color: #ffff;} .RichInfo005 .topic .slick-dots{position: absolute; left: 50%;transform: translateX(-50%);z-index: 30; bottom:calc(65 / 980 * 100%);} .RichInfo005 .topic .slick-dots li{float: left;width: 12px;height: 12px;border-radius: 50%;margin: 0px 8px;background: #fff;} .RichInfo005 .topic .slick-dots li button{display: none;} .RichInfo005 .topic .slick-dots li.slick-active{border: 0;background-color: #0f2f85;} @media (max-width:1024px) { .RichInfo005 .topic .slick-dots li{width: 10px;height: 10px; margin: 0 5px; border-width: 2px;} } @media(max-width:768px){ .RichInfo005{padding:7% 0;} .RichInfo005 .news_info .title h1{font-size:22px;padding-bottom:0;} .RichInfo005 .news_info .info .left{width:100%;} .RichInfo005 .news_info .info .left h2{font-size:22px;margin-bottom:0;} .RichInfo005 .news_info .info .right{width:100%;} } .Systemintro{padding:0% 0 0%;} .Systemintro .text{font-size:16px;line-height: 30px;} .systemarchitecture{padding:0% 0 0%;} .systemarchitecture .pic{text-align: center;} .systemfunction{padding:0% 0 0%;} .systemfunction .lm-title{margin-bottom:0;} .systemfunction .p1{line-height: 30px;text-align: center;margin-bottom:3%;margin-top:0;border-bottom:1px solid #e7e7e7;padding-bottom:4%;font-size:16px;} .systemfunction li{width:100%;margin-bottom:3%; padding-bottom:3%; border-bottom:1px solid #e5e5e5;} .systemfunction li .word{float:left;width:47%;padding-top:0px;} .systemfunction li .word img{width:60px;} .systemfunction li .word h2{font-size:24px;font-weight: normal;color:#333;} .systemfunction li .word p{font-size:16px;line-height: 30px;text-align: justify;} .systemfunction li .word p span{display: block;position: relative;padding-left:14px;} .systemfunction li .word p span:after{content:'';width:4px;height: 4px;background:#095ebd;border-radius: 20px;display: block;position: absolute;left:0;top:14px;} .systemfunction li .pic{float:right;width:47%;} .systemfunction li:nth-child(2n) .word{float:right;} .systemfunction li:nth-child(2n) .pic{float:left;} @media(max-width:768px){ .systemfunction li .word{width:100%;} .systemfunction li .pic{width:100%;} .systemfunction li .word h2{font-size:22px;} .systemfunction .p1{text-align: justify;} } /* .Floor000881 涓篸emo缂栧彿 */ .Floor000881{ padding:0% 0 0%;} /*slick Basic*/ .Floor000881 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor000881 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor000881 .slick-list:focus {outline: none} .Floor000881 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor000881 .slick-slider .slick-track, .Floor000881 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor000881 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor000881 .slick-track:before, .Floor000881 .slick-track:after{display: table; content: '';} .Floor000881 .slick-track:after{ clear: both;} .Floor000881 .slick-loading .slick-track { visibility: hidden;} .Floor000881 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor000881 .slick-slide .slick-loading img { display: none;} .Floor000881 .slick-slide .dragging img { pointer-events: none;} .Floor000881 .slick-initialized .slick-slide { display: block;} .Floor000881 .slick-loading .slick-slide { visibility: hidden;} .Floor000881 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor000881 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor000881 .head-text{font-size:16px;line-height: 30px} .Floor000881 .head-text table td{padding: 10px} .Floor000881 .head-text table td:first-child{width: 200px} .Floor000881 .list_scroll li{width:48%;float:left;margin-right:4%;margin-bottom:3%;} .Floor000881 .list_scroll li:nth-child(2n){margin-right:0;} .Floor000881 .list_scroll li a{display: block; margin: 0 0px;background:#f8f8f8;} .Floor000881 .list_scroll li .Ispic{padding-bottom:78%;} .Floor000881 .list_scroll li .text{padding:26px 6%;} .Floor000881 .list_scroll li h2{font-size:22px;font-weight: normal;color:#333;text-align: center;margin:0 0 10px 0;} .Floor000881 .list_scroll li:hover h2{color:#095ebd;} .Floor000881 .list_scroll li p{text-align:center; margin:0; line-height:27px;border-top:0;color:#666;margin:0;} .Floor000881 .slick-arrow{ position:absolute; width:26px; height:26px; top:50%; margin-top:-11px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid #095ebd;border-left: 2px solid #095ebd;transform:rotate(-45deg);} .Floor000881 .slick-prev{ left:-35px;} .Floor000881 .slick-next{transform:rotate(135deg); right:-35px;} @media(min-width:1293px){ .Floor000881 .list_scroll .slider{} } @media(max-width:1292px){ .Floor000881 .slick-prev{ left:0;} .Floor000881 .slick-next{ right:0;} } @media(max-width:768px){ .Floor000881{ padding:20px 0;} .Floor000881 .list_scroll .slider{padding: 0 0px;} .Floor000881 .list_scroll li{width:100%;} .Floor000881 .list_scroll li a{margin: 0 5px;} .Floor000881 .list_scroll li h2{font-size:18px;} .Floor000881 .list_scroll li p{line-height: 24px;font-size:14px;} } .cp_info{padding: 5% 0;} .cp_info aside{font-size: 20px;color: #095ebd;font-weight: bold;margin-bottom: 20px;} .cp_info li{width:48%;float:left;margin-right:4%;margin-bottom:3%;background: #f8f8f8;} .cp_info li:nth-child(2n){margin-right:0;} .cp_info li a{display: block; margin: 0 0px;background:#f8f8f8;} .cp_info li .Ispic{padding-bottom:78%;background-size:contain;} .cp_info li .text{padding:26px 6%;} .cp_info li h2{font-size:22px;font-weight: normal;color:#333;text-align: center;margin:0 0 10px 0;} .cp_info li:hover h2{color:#095ebd;} .cp_info li p{text-align:center;line-height:27px;border-top:0;color:#666;margin:0;} .cp_info .box p{font-size:15px;line-height: 27px} .cp_info p{line-height:2} @media(max-width:768px){ .cp_info li{width:100%;float:none;} .cp_info li .text{padding:20px 3%;} .cp_info li h2{font-size:18px;} .cp_info li .Ispic{padding-bottom:60%;} .cp_info li p{font-size:14px;line-height: 24px} } .w22{width:20%;} .w75{width:77%;} @media(max-width:1024px){ .w22{width:100%;} .w75{width:100%;} } /*Menu002956 */ .Menu002956{padding-left: 10px; margin: 80px 0 20px;} .Menu002956 nav{background: #f6f6f6;padding: 20px 0;} .Menu002956 h1{margin: 0 2.08vw 0 0;position: relative;margin-left: -10px; padding: 18px 0 18px 20px; } .Menu002956 h1 span{position: relative; z-index: 4; display: block;font-size: 24px;font-weight: normal; color: #fff;line-height: 1em;border-left: 2px solid #01b0cd;padding-left: 15px; padding-right: 12px;} .Menu002956 h1:after{position: absolute; content: ''; height: 100%; background: #095ebd; top: 0; transform: skewX(25deg);-webkit-transform: skewX(25deg);-ms-transform: skewX(25deg); right:0; left: -30px;} .Menu002956 h1 i{position: absolute;} .Menu002956 h1 i.jiao{ border:8px solid transparent; border-left-color: #074d9b; left: 2px; top: -8px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Menu002956 ul{padding: 12px 0;} .Menu002956 li:not(:last-child){border-bottom: 1px solid #fff;} .Menu002956 li a{display: block;line-height: 26px; padding: 15px 30px 15px 30px;font-size: 16px;position: relative; z-index: 1;} .Menu002956 li a:after{position: absolute; content: '';border:4px solid transparent; border-top-width: 6px;border-top-color: #0f54b3; top: 50%; margin-top: -4px; right: 30px; opacity: 0; transition: 0.3s;} .Menu002956 li a:hover, .Menu002956 li.aon a{font-weight: bold;color: #095ebd;} .Menu002956 li a:hover:after, .Menu002956 li.aon a:after{opacity: 1;} @media(min-width:1025px){ .Menu002956{overflow: hidden;} .Menu002956 ul{display: block!important;} } @media(max-width:1024px){ .Menu002956{position: relative; z-index: 40;} .Menu002956 ul{display: none;position: absolute; left: 10px;top: 100%; right: 0; z-index: 40;background: #f7f7f7;} .Menu002956 i.wap-open{position: absolute; width: 30px; height: 30px; right: 40px;background: #fff; z-index: 10; top: 50%;margin-top: -15px; border-radius: 50%; transition: 0.3s;} .Menu002956 i.wap-open:before, .Menu002956 i.wap-open:after{position: absolute; content: ''; left: 50%; top: 50%; background: #0f54b3; transform: translate(-50%,-50%);} .Menu002956 i.wap-open:before{width: 10px; height: 2px; } .Menu002956 i.wap-open:after{width: 2px; height: 10px; } .Menu002956 i.wap-open.on{transform: rotate(45deg);} } @media(max-width:640px){ .Menu002956{margin:30px 0 0;} .Menu002956 nav{padding: 10px 0;} .Menu002956 h1 span{font-size: 20px;} .Menu002956 h1{padding: 4vw 0 4vw 10px; } .Menu002956 i.wap-open{right: 6vw;margin-top: -12px; width: 24px; height: 24px;} .Menu002956 li a{padding:12px 30px 12px 30px;} } /* .RighInfo002254 涓篸emo缂栧彿 */ .RighInfo002254 .auto_1260{ max-width: 1260px;} @media only screen and (max-width:1260px) { .RighInfo002254 .auto_1260{ padding: 0 0%;} } .RighInfo002254{ padding:80px 0 1%;} .RighInfo002254 .slider-big{ border:1px solid #dcdcdc;} .RighInfo002254 .slider-big li figure{ background-size:contain;} .RighInfo002254 .slider-list{ position: relative;} .RighInfo002254 .slider-list li figure{ border:1px solid #f2f2f2;} .RighInfo002254 .slider-list li.slick-current figure{border-color: #3c89d9; } .RighInfo002254 .slider-list .slick-arrow{position:absolute; width:100%; height:40px;cursor:pointer; background-position: center;background-repeat: no-repeat; background-size: auto 50%;} .RighInfo002254 .slider-list .slick-prev{background-image:url(../images/RighInfo002254-btn_prev.png);} .RighInfo002254 .slider-list .slick-next{background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .slider-list .slick-disabled{cursor:default;} .RighInfo002254 .right_info{ float:right; width:100%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;font-size:16px;} .RighInfo002254 .right_info h1{ padding:2% 0; color:#333; font-size:34px;font-weight: normal; } .RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;} .RighInfo002254 .right_info p{line-height:30px; color:#666; margin-bottom:0%;} .RighInfo002254 .right_info a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color:#3c89d9; transition:0.4s;} .RighInfo002254 .right_info a:hover{ background-color:#3c89d9; color:#fff;} .RighInfo002254 .tab{ padding:3% 0;} .RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#333;} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f6f6f6; margin-right:4px; cursor:pointer;} .RighInfo002254 .tab .h1_tab span a{display: block;} .RighInfo002254 .tab .h1_tab span.on{ background-color:#095ebd; color:#fff;} .RighInfo002254 .tab .h1_tab span.on a{color:#fff;} .RighInfo002254 .tab .info{ padding-top:3%;} @media (max-width:768px){ .RighInfo002254{padding:5px 0 2%;} .RighInfo002254 .list_img, .RighInfo002254 .right_info{ float:none; width:auto;} } @media (min-width:641px) { .RighInfo002254 .list_img{float:left; width:55.6%; position:relative;} .RighInfo002254 .slider-big{position:absolute; left:0; top:0; height:100%; width:80%; } .RighInfo002254 .slider-big *{height: 100%;} .RighInfo002254 .slider-list{padding:42px 0;margin-left: 82.9%;} .RighInfo002254 .slider-list .slick-arrow{ left: 0;} .RighInfo002254 .slider-list .slick-prev{top: 0;} .RighInfo002254 .slider-list .slick-next{bottom: 0;} .RighInfo002254 .slider-list li{ height:130px; position:relative;} .RighInfo002254 .slider-list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:contain;} .RighInfo002254 .slider-list li.slick-current figure{ border-width:2px;} } @media(max-width:640px){ .RighInfo002254 .right_info h1{font-size:28px; } .RighInfo002254 .right_info h3{ font-size:16px;} .RighInfo002254 .slider-big li .Ispic{padding-bottom: calc(476 / 536 * 100%);} .RighInfo002254 .slider-list li .Ispic{padding-bottom: calc((476 * 0.9) / 536 * 100%); width: 90%; margin: 0 auto;} .RighInfo002254 .slider-list{padding:0 42px; margin-top: 3vw;} .RighInfo002254 .slider-list .slick-arrow{ top: 0; width: 42px; height: 100%; background-size: contain;transform: rotate(-90deg);} .RighInfo002254 .slider-list .slick-prev{left: 0;} .RighInfo002254 .slider-list .slick-next{right: 0;} } @media(max-width:480px){ .RighInfo002254 .tab .h1_tab{ font-size:14px;} .RighInfo002254 .tab .h1_tab span{ padding:0 3%;} } /* .TextList002243 涓篸emo缂栧彿 */ .TextList002243{} .TextList002243{padding-top:4%;} .TextList002243 .text{ font-size: 14px; color: #777; padding: 50px 0 40px;} .TextList002243 .text:after{ content:""; display: block; width: 70px; border-bottom: 2px solid #095ebd; margin: 50px 0 0;} .TextList002243 .list li h4{font-size: 24px; color: #333; font-weight: normal; margin-top: 0;margin-bottom: 18px;border-bottom: 1px solid #eee;padding-bottom: 18px;} .TextList002243 .list dl dd{font-size: 14px; line-height: 26px; color: #999; margin: 0 0 10px; position: relative; padding-left: 29px;background-repeat: no-repeat;background-position: left top 5px;background-size:16px;} .TextList002243 .list dl dd a{color:#999;} .TextList002243 .list dl dd span{color:#666;} .TextList002243 .list dl dd .icon{ position: absolute; left: 0; top: 0; width: 27px; height: 25px; display: block; background: url(../images/TextList002243-icon.png) no-repeat;} .TextList002243 .list dl dd.addr{background-image:url(../images/Floor000905-icon1.png);} .TextList002243 .list dl dd.phone{background-image:url(../images/Floor000905-icon2.png);} .TextList002243 .list dl dd.fax{background-image:url(../images/Floor000905-icon3.png);} .TextList002243 .list li{ box-shadow: 0 5px 30px rgba(0,0,0,0.1);margin-bottom:3%;padding:3%;min-height: 326px} @media (min-width: 640px){ .TextList002243 .list li{ width: 31.3%; float: left; margin-right:3%;} .TextList002243 .list li:nth-child(3n){margin-right:0;} .TextList002243 .list li:nth-child(3n+1){clear:both;} .TextList002243 .list li.odd{ float: right;} } @media (min-width: 1024px){ .TextList002243 .list li h4{} .TextList002243 .list dl dd{ font-size: 16px;;} } @media(max-width:768px){ .TextList002243 .list li{padding:6%; min-height: auto;} .TextList002243 .list li h4{font-size:22px;margin-bottom:15px;padding-bottom:15px;} } /* .Floor002446 涓篸emo缂栧彿 */ .Floor002446{ padding: 5% 0 1.5%;} .Floor002446 .auto{ position: relative;max-width:1400px; } .Floor002446 .h-title{margin-bottom:50px;} .Floor002446 .h-title .more{position: absolute;width: 3.125em;height: 3.125em;border:1px solid #b9b9b9; right: 0; top: 50%;border-radius: 50%; background: url(../images/Floor003129-icon.svg) no-repeat center; background-size: 1em auto; margin-top: -0.5625em;transition: 0.3s;} .Floor002446 .h-title .more:hover{border-color: #095ebd; background-color: #095ebd; background-image: url(../images/Floor003129-icon-white.svg);} .Floor002446 .wrap-content{} .Floor002446 .wrap-content .list li .pic{ overflow: hidden;} .Floor002446 .wrap-content .list li .pic a{ background-position: center; background-size: cover; background-repeat: no-repeat; display: block; transition: transform .5s ease-in-out; } .Floor002446 .wrap-content .list li .pic a:hover{ transform: scale(1.05);} .Floor002446 .wrap-content .list li .pic img{visibility: hidden;} .Floor002446 .wrap-content .list li .word{ position: relative; padding:30px 20px 0px 96px; min-height: 146px;} .Floor002446 .wrap-content .list li .word{ transition: all .3s ease-in-out;} .Floor002446 .wrap-content .list li .word time{ position: absolute; left: 0; top: 18px; color: #666; font-size: 16px; text-align: center; width: 90px;} .Floor002446 .wrap-content .list li .word time span{ font-size: 48px; display: block;} .Floor002446 .wrap-content .list li .word dt{overflow: hidden; line-height: 28px; max-height: 56px; font-size: 22px; margin-bottom: 13px;padding-bottom:13px;border-bottom:1px solid #e5e5e5; text-align: justify;} .Floor002446 .wrap-content .list li .word dt a{ color: #333;} .Floor002446 .wrap-content .list li .word dd{ font-size: 16px; color: #666;line-height: 28px;text-align: justify;} .Floor002446 .wrap-content .list li .word .more{border:1px solid #e5e5e5;font-size:14px;color:#666;padding:8px 16px;display: inline-block;margin-top:26px;} .Floor002446 .wrap-content .list li .word .more:after{ background:url(../images/Floor003129-icon.svg) no-repeat right center; width:22px; height:7px; display:inline-block; content:''; margin-left:2px;vertical-align:middle; transition:0.2s;} .Floor002446 .wrap-content .list li:hover dt a{color:#095ebd;} .Floor002446 .wrap-content .list li:hover .word .more{background:#095ebd;border:1px solid #095ebd; color:#fff;} .Floor002446 .wrap-content .list li:hover .word .more:after{background-image: url(../images/Floor003129-icon-white.svg);} /*PicList002433 */ /*slick Basic*/ .PicList002433 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .PicList002433 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .PicList002433 .slick-list:focus {outline: none} .PicList002433 .slick-list.dragging {cursor: pointer;cursor: hand;} .PicList002433 .slick-slider .slick-track, .PicList002433 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .PicList002433 .slick-track {position: relative; top: 0; left: 0; display: block;} .PicList002433 .slick-track:before, .PicList002433 .slick-track:after{display: table; content: '';} .PicList002433 .slick-track:after{ clear: both;} .PicList002433 .slick-loading .slick-track { visibility: hidden;} .PicList002433 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .PicList002433 .slick-slide .slick-loading img { display: none;} .PicList002433 .slick-slide .dragging img { pointer-events: none;} .PicList002433 .slick-initialized .slick-slide { display: block;} .PicList002433 .slick-loading .slick-slide { visibility: hidden;} .PicList002433 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .PicList002433 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .PicList002433{padding:5% 0 0 0;} .PicList002433 .main{ } .PicList002433 .main .slick-arrow{ position:absolute; top:45%; width:56px; height:56px; margin-top:-30px; border:1px solid #095ebd; padding:0; background:none; font-size:0; z-index:10; cursor:pointer; border-radius:50%;} .PicList002433 .main .slick-arrow:hover{ background:#095ebd; } .PicList002433 .main .slick-arrow:before{ position:absolute; content:''; width:16px; height:16px; border-top:2px solid #095ebd; border-right:2px solid #095ebd; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); left:50%; top:50%; margin:-9px 0 0 -11px;} .PicList002433 .main .slick-arrow:hover:before{ border-color:#fff;} .PicList002433 .main .slick-prev:before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); margin-left:-5px;} .PicList002433 .main .slick-prev{ left:-59px;} .PicList002433 .main .slick-next{ right:-59px;} @media(max-width:1440px){ .PicList002433 .main .slick-prev{ left:2%;} .PicList002433 .main .slick-next{ right:2%;} } @media(max-width:640px){ .PicList002433 .main .slick-arrow{ width: 7vw;height: 7vw;margin-top: -1.5vw;} .PicList002433 .main .slick-arrow:before{width:40%; height: 40%;margin: 0;left: 40%; top: 30%;} .PicList002433 .main .slick-next:before{left: 20%;} } .PicList002433 .list ul{ padding:0 50px;} .PicList002433 .list li{ float:left; position:relative; text-align:center; margin-bottom:4%;} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;} .PicList002433 .list li:first-child:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;} .PicList002433 .list li:last-child:after{right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list li aside{ padding-top:35px;height:90px; background:url(../images/PicList002433_libg.png) repeat-x left top;} .PicList002433 .list li .ytable{ height:245px;} .PicList002433 .list li .ytable-cell{ vertical-align:bottom;} .PicList002433 .list li figure{ position:relative; display:inline-block;max-width: 80%;} .PicList002433 .list li figure:after{ position:absolute; right:-24px; background:url(../images/PicList002433_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';} .PicList002433 .list li figure img{ max-height:245px;padding: 8px;padding-top: 11px;background: url(../images/PicList002433_kuang.png) no-repeat ;background-size:100% 100%;} .PicList002433 .list li p{ margin:0 auto; max-width:380px;width:90%; line-height:20px; max-height:40px; font-size:18px; color:#333;} .PicList002433 .list .ul-3 li{width:33.33333333%;} .PicList002433 .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li{width:50%;} .PicList002433 .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-1 li{width:100%;} @media(max-width:640px){ .PicList002433 .auto, .PicList002433 .list ul{ padding:0;} .PicList002433 .list li p{ font-size:12px;} .PicList002433 .list li .ytable{ height:150px;} .PicList002433 .list li figure img{ max-height:150px; padding:3px} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-3 li:nth-child(3):after, .PicList002433 .list li:first-child:before{ display:none;} } @media(max-width:480px){ .PicList002433 .list li .ytable{ height:100px;} .PicList002433 .list li figure img{ max-height:100px;} } /*RighInfo002852 */ .RighInfo002852{padding: 5% 0 5% 0;background:#f8f8f8;} .RighInfo002852 .lm-title{text-align: left;} .RighInfo002852 .intro-main{padding-bottom: 0vw;} .RighInfo002852 .intro-main .pic img{display: block;width: 100%;} .RighInfo002852 .singlePage{line-height: 30px;color: #666;} .RighInfo002852 .singlePage p{font-size:16px;} .RighInfo002852 .title-css{padding: 1vw 0;} .RighInfo002852 .title-css span{display: inline-block;padding-bottom: 10px; border-bottom: 2px solid #095ebd;font-size: 24px;color: #095ebd;} @media(min-width:641px){ .RighInfo002852 .intro-main .left{float: left;max-width: 735px; width: 66%;text-align: justify;} .RighInfo002852 .intro-main .pic{float: right;width:43%;padding-top: 2%;} } @media(max-width:640px){ .RighInfo002852 .intro-main .pic{width: 100%; margin: 0 auto;} } @media(max-width:480px){ .RighInfo002852 .lm-title{text-align: center;} .RighInfo002852 .title-css span{font-size: 18px;} } .lm-about{padding-top:5%;} /*Timeline002853 */ .Timeline002853{background:url(../images/Timeline002853-bg.jpg) no-repeat center bottom;padding-top:5%;padding-bottom: 13%;} .Timeline002853 .auto{max-width: 1440px;} .Timeline002853 .inner{max-width: 1280px;margin:0 auto;width:92%;} @media(min-width:1025px){ .Timeline002853 .slider-nav{float: left;width: 42.516%;} .Timeline002853 .slider-for{float: right;width: 50%;} .Timeline002853 .slider-nav .slick-arrow{width: 197.246%;right:0; top: 50%;} .Timeline002853 .slider-nav .slick-prev{margin-top: -65px;} .Timeline002853 .slider-nav .slick-next{margin-top: 65px;} .Timeline002853 .slider-nav .slick-next:before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);} .Timeline002853 .slider-nav li{padding-right: 3.5vw;text-align: right;} } .Timeline002853 .slider-nav{border-right: 1px solid #efefef;position: relative; padding: 2vw 0;} .Timeline002853 .slider-nav .slick-arrow{position: absolute; font-size: 0;border:0;border-bottom: 1px solid #efefef; cursor: pointer;font-size: 0;padding: 0; z-index: 10;} .Timeline002853 .slider-nav .slick-arrow:before{position: absolute; content: ''; width: 25px; height: 25px; background: url(../images/Timeline002853_btn.png) no-repeat center center #095ebd; left: 50%; top: 50%; margin: -12px 0 0 -12px;} .Timeline002853 .slider-nav li{line-height: 110px; font-size: 18px;color: #ccc;font-weight: 100;} .Timeline002853 .slider-nav li span{ font-size: 34px; margin-right: 10px;} .Timeline002853 .slider-nav li.slick-center{color: #333;} .Timeline002853 .slider-nav li.on{border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;} .Timeline002853 .slider-nav li.on span{color:#333;} .Timeline002853 .slider-for{position: relative; z-index: 1;overflow: hidden} .Timeline002853 .slider-for .box{/*padding-top: 3.2vw;*/line-height: 25px;position: absolute; z-index: -999; opacity: 0;} .Timeline002853 .slider-for .box.on{position:relative; z-index:2; opacity:1;} .Timeline002853 .slider-for .box.on .info{height:250px; overflow: auto;} .Timeline002853 .slider-for .box.on .info::-webkit-scrollbar {width: 4px;} .Timeline002853 .slider-for .box.on .info::-webkit-scrollbar-thumb {background: #095ebd;} .Timeline002853 .slider-for .box.on .info::-webkit-scrollbar-track {background: #f1f1f1;} .Timeline002853 .slider-for .box.on .info{scrollbar-color:#095ebd #f1f1f1;scrollbar-width:thin;} .Timeline002853 .slider-for .box.on .info{scrollbar-face-color: #095ebd;scrollbar-shadow-color: #095ebd;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;} .Timeline002853 .slider-for .box p{margin:10px 0;padding-left:10px;position: relative;} .Timeline002853 .slider-for .box p:after{content:'';width:4px;height: 4px;background:#01b0cd;border-radius: 50px;position:absolute;left:0;top:12px;} .Timeline002853 .slider-for .year{color: #095ebd;font-size: 45px;font-weight: bold; line-height: normal;} .Timeline002853 .slider-for .desc{color: #333; margin: 15px 0 20px 0;font-size: 21px;line-height: 28px;font-weight:bold} .Timeline002853 .slider-for .pic{margin-top:28px;height: 275px;} .Timeline002853 .slider-nav.under3 .slick-track{transition: 0.3s;} .Timeline002853 .slider-for .pic img{/*max-width: 500px;*/max-height: 275px;} .Timeline002853 .bx-wrapper{ position:relative; z-index:1;} .Timeline002853 .bx-viewport{ z-index:1;} .Timeline002853 .bx-controls-direction a{ display: none;} .Timeline002853 .bx-pager{z-index:10;position:absolute;width:100%;text-align:center;left:0;bottom: 9%;} .Timeline002853 .bx-pager div{ display:inline-block; padding:0 5px;} .Timeline002853 .bx-pager div a{display:block;width:13px;height:13px;background: #fff;border-radius:13px;overflow:hidden;line-height:100px;opacity: 0.5;} .Timeline002853 .bx-pager div a.active{opacity: 1;width:37px;background: #095ebd;} @media(max-width:1024px){ .Timeline002853 .slider-nav li{line-height: 45px; text-align: center;} .Timeline002853 .slider-nav{padding: 0 0vw;border-right:0;} .Timeline002853 .slider-nav .slick-arrow{width: 1px; height: 100%;background: #efefef; top: 0;} .Timeline002853 .slider-nav .slick-prev{ left: 2.5vw;} .Timeline002853 .slider-nav .slick-next{ right: 2.5vw;} .Timeline002853 .slider-nav .slick-prev:before{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);} .Timeline002853 .slider-nav .slick-next:before{transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);} .Timeline002853 .slider-nav .slick-track{margin-top: 0!important;} .Timeline002853 .slider-nav li.slick-current{color: #666;} .Timeline002853 .slider-for .pic img{max-width:none;width:100%;} } @media(max-width:640px){ .Timeline002853{padding-bottom:5%;background:none;} .Timeline002853 .slider-nav li{font-size: 16px;width:50%;float:left;border-bottom:1px solid #efefef;} .Timeline002853 .slider-nav li.on{border-top:0;border-bottom:1px solid #efefef;} .Timeline002853 .slider-nav li span{font-size: 20px;margin-right:0;} .Timeline002853 .slider-for .year{font-size:30px;} .Timeline002853 .slider-for .desc{font-size:24px;} .Timeline002853 .slider-for .box p{font-size:16px;} .Timeline002853 .bx-pager div a{width:10px;height: 10px;} } .BaseDetails{padding:5% 0 0;} .BaseDetails .pic{width:50%;float:left;} .BaseDetails .text{width:44%;float:right;padding-top:2%;} .BaseDetails .text h2{font-size:32px;margin:0;font-weight: normal; color:#333;} .BaseDetails .text h3{font-size:24px;font-weight: normal;margin:8px 0 2%;color:#333;} .BaseDetails .text h3 span{color:#095ebd;font-size:48px;font-weight: bold;} .BaseDetails .text p{line-height: 30px;font-size:16px;} @media(max-width:768px){ .BaseDetails .pic{width:100%;} .BaseDetails .text{width:100%;padding-top:6%;} .BaseDetails .text h2{font-size:26px;} .BaseDetails .text h3{font-size:20px;} .BaseDetails .text h3 span{font-size:38px;} } /* .Floor002460 涓篸emo缂栧彿 */ .Floor002460{ padding: 4% 0 5%;} .Floor002460 .auto{ max-width: 1400px;} @media only screen and (max-width:1430px ) { .Floor002460 .auto{ max-width: 1430px; padding-left: 15px; padding-right: 15px;} } .Floor002460 .videobox{ position: relative;height: 200px;} .Floor002460 .videobg{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 200px;} .Floor002460 .videobg .play{ display: block; background: url(../images/Floor002460-play.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 50px 50px; cursor: pointer;} .Floor002460 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: none;} .Floor002460 .video video{ width: 100%; height: 100%; background: #000;} @media only screen and (min-width: 768px) { .Floor002460 .videobg,.Floor002460 .videobox{ height: 320px;} .Floor002460 .videobg .play{background-size:50px 50px;} } @media only screen and (min-width: 1200px) { .Floor002460 .videobg,.Floor002460 .videobox{ height: 460px;} .Floor002460 .videobg .play{background-size:60px 60px;} } /*Floor003114 */ .Floor003114{padding: 5% 0 5% 0;overflow: hidden;font-size: 16px;} .Floor003114 .auto{max-width: 1400px;width: 94%;} .Floor003114 .title{color: #333; margin-bottom: 4%;position: relative;z-index: 1;} .Floor003114 .title .cn{;font-size: 60px;} .Floor003114 .title .cn span{display: inline-block;position: relative;line-height: 0.75;} .Floor003114 .title .cn span:before{position: absolute;content: '';z-index: -1;width: 0.8166em;height: 0.7em;background: url(../images/Floor003114-title-icon.svg) no-repeat center center;right: -0.4333em; top: -0.3em; background-size: contain;} .Floor003114 .title .intro{padding: 1.375em 0 2.25em 0;position: relative;} .Floor003114 .title .intro:before{position: absolute;content: '';width: 5.75em;height: 2px;background-color: #999;left: 0;bottom: 0;} .Floor003114 .btn{position: absolute;right: 0;bottom: 0;} .Floor003114 .slick-arrow{width: 88px;height: 50px;margin-left: 15px;background: url(../images/Floor003114-btnbg.svg) no-repeat;background-size: 100% 100%;position: relative;} .Floor003114 .slick-arrow:before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: url(../images/Floor003114-prev.svg) no-repeat center center;background-color:#f5f5f5; background-size: 34px auto;} .Floor003114 .slick-next{background-image: url(../images/Floor003114-btnbg-hover.svg)} .Floor003114 .slick-next:before{background-image: url(../images/Floor003114-next.svg);background-color:#095ebd;} .Floor003114 .slider{width: 114%;overflow: hidden;} .Floor003114 .slider .ul{padding-right: 9.591%;} .Floor003114 .slider .slick-list{overflow: inherit;} .Floor003114 .slick-slide:not(.slick-active){opacity: 0.5;} .Floor003114 .slick-slide a{display: block;margin-right: 46px;padding-bottom: 1px;} .Floor003114 .pic{background: url(../images/Floor003114-imgbg.svg) no-repeat;background-size: 100% 100%;position: relative;} .Floor003114 .pic:before{position: absolute;content: '';left: 50%;transform: translateX(-50%);height: 3px;background-color: #095ebd;top: 0;transition:width 0.3s; width: 0;} .Floor003114 .slick-slide.slick-active a:hover .pic:before{width: 100%;} .Floor003114 .pic .Ispic{max-width: 100%;margin: 0 auto;padding-bottom:68%;} .Floor003114 .tit{border-bottom: 1px solid #d1d1d1;line-height: 4.625em;width: 88.341%;position: relative;} .Floor003114 .tit aside{padding: 0 1.1875em;color: #333;font-size:22px;} .Floor003114 .slick-slide.slick-active a:hover .tit aside{color: #095ebd;} .Floor003114 .tit:before{position: absolute;content: '';width: 27px; height: 3px; background-color: #095ebd; left: 1.1875em; bottom: -2px;} @media (max-width:1024px) { .Floor003114 .title{} .Floor003114 .title .cn{font-size: 5vw;} } @media (max-width:640px) { .Floor003114{font-size: 3.5vw;} .Floor003114 .title .cn{font-size: 9vw;} .Floor003114 .tit aside{font-size:20px;} .Floor003114 .btn{position: relative;float:right; margin-bottom:20px;} .Floor003114 .slider .ul{padding-right: 18%;} .Floor003114 .slick-arrow{width: 52px;height: 42px;} .Floor003114 .slick-slide a{margin-right: 5vw;} } .Innovative{padding:0% 0 5%;} .Innovative .pic{width:32%;float:left;margin-top:80px;} .Innovative .table{width:62%;float:right;margin-top:80px;} .Innovative .table table{width:100%;} .Innovative .table table td{border:1px solid #e5e5e5;padding:10px 12px;} .Innovative .number{width:100%;margin-bottom:2%;} .Innovative .info-num li{text-align: center;} @media(min-width:641px){ .Innovative .info-num li{float: left;width: 33.3333%;border-left: 10px solid #f9f9f9;} .Innovative .info-num li:nth-child(1){border-left:0;} } .Innovative .info-num li aside{display: inline-block;position: relative;} .Innovative .info-num li aside b{font-size: 60px;color: #095ebd;display: block;} .Innovative .info-num li aside sub{position: absolute; left: 100%; word-break: keep-all; top: 8%;font-size: 32px;margin-left: 10px;color:#095ebd;} .Innovative .info-num li p{font-size: 16px;color: #666; margin-bottom: 0;margin-top: 22px;} @media(min-width:1025px) and (max-width:1200px){ .Innovative .info-num li aside b{font-size: 60px;} } @media(min-width:641px) and (max-width:769px){ .Innovative .info-num li aside b{font-size: 60px;} } @media(max-width:640px){ .Innovative{padding-bottom:7%;} .Innovative .info-num li{text-align: center;} .Innovative .info-num li:not(:last-child){margin-bottom: 15px;} .Innovative .info-num li p{margin-top:12px;} } @media(max-width:480px){ .Innovative .info-num li aside b{font-size: 38px;} } .zzjg dl{margin-top:2%;} .zzjg dl dd{background:#f6f7fb;} /*PicList002854 */ .PicList002854{padding: 4vw 0 5vw 0;} .PicList002854 .slider{margin:0 -30px;} .PicList002854 li{margin-bottom:0%;} .PicList002854 li a{display: block;border: solid 3px #f5f5f5;position: relative;padding: 2vw 1vw 3.5vw; transition: 0.3s;margin:0 30px;} .PicList002854 li aside{font-size: 18px; line-height: 28px; height: 28px; text-align: center; margin-bottom: 1.5vw;color: #333;} .PicList002854 li .Ispic{background-size: contain;padding-bottom: 64.565%;} .PicList002854 li a:after{position: absolute; content: '';width: 50px;height: 50px;background:url(../images/PicList002854_btn.png) no-repeat center center #f5f5f5;right: 0; bottom: 0;background-size: auto 21px;transition: 0.3s;} .PicList002854 li a:hover{border-color: #095ebd;} .PicList002854 li a:hover:after{background-color: #095ebd; background-image: url(../images/PicList002854_btn_hover.png);} .PicList002854 .slick-arrow{ position:absolute; width:28px; height:28px; top:50%; margin-top:-11px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid #095ebd;border-left: 2px solid #095ebd;transform:rotate(-45deg);} .PicList002854 .slick-prev{ left:-25px;} .PicList002854 .slick-next{transform:rotate(135deg); right:-25px;} @media(min-width:769px){ .PicList002854 li{ } } @media(max-width:768px){ .PicList002854 li{ } .PicList002854 li aside{font-size: 16px;} .PicList002854 li a:after{width: 7vw;height: 7vw;background-size: auto 50%;} } @media(max-width:480px){ .PicList002854 li aside{font-size: 14px;line-height: 20px; height: 40px;} } /*Floor002616 */ .Floor002616{padding:4% 0 0 0; } .Floor002616 .ycenter{align-items: center; display: -webkit-box; /* 鑰佺増鏈娉旡 Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 鑰佺増鏈娉旡 Firefox (buggy) */ display: -ms-flexbox; /* 娣峰悎鐗堟湰璇硶: IE 10 */ display: -webkit-flex; /* 鏂扮増鏈娉旡 Chrome 21+ */ display: flex; /* 鏂扮増鏈娉旡 Opera 12.1, Firefox 22+ */} .Floor002616 .con-main{ position:relative; z-index:1;} .Floor002616 .con-main::before{ position:absolute; content:''; z-index:1; height:100%; width:20%; background:#f7f7f7; left:0; top:0;} .Floor002616 .auto{ } .Floor002616 .con-main .auto{position:relative; z-index:2; padding:3% 0 4% 0;} .Floor002616 .con-main .auto::before{position:absolute;content:'';z-index:1;height:100%;width: 53.8%;background:#f7f7f7;left:0;top:0;} .Floor002616 .con-main .auto > *{ position:relative; z-index:5;} .Floor002616 .title{ color:#1b1b1b; font-size:36px;} .Floor002616 .title b{ color:rgba(0,0,0,0.08); font-size:70px; font-family: 'Oswald-Bold'; text-transform:uppercase; margin-right:20px;} .Floor002616 .left-img{float:left;width: 47.58%;padding-top:3%;} .Floor002616 .left-img img{ display:block; width:100%;} .Floor002616 .right-intro{float:right;width: 52.42%;} .Floor002616 .right-intro .main{position:relative;overflow:hidden;padding: 10% 12% 7% 12%;border-right:2px solid #095ebd;border-bottom:3px solid #095ebd;/* background:url(../images/Floor002616_txtbg.png) no-repeat right bottom;*/} .Floor002616 .right-intro .main::before{ position:absolute; content:''; width:100%; left:12%; top:0; height:3px; background:#095ebd;} .Floor002616 .right-intro .main > *{padding-left: 13%;} .Floor002616 .right-intro .main h1{ margin:0; font-size:32px; color:#333; font-weight:normal; position:relative;} .Floor002616 .right-intro .main h1 .mark{position:absolute; height:2px; width:12%; background:#e8e8e8; left:0; top:50%; margin-top:-1px;} .Floor002616 .right-intro .main h1 .mark::before{position:absolute; content:''; width:16px; height:16px; border:2px solid #0957bd; border-radius:50%; background:#fff; right:0; top:50%; margin-top:-8px;} .Floor002616 .right-intro .main pre{ line-height:24px; margin-top:4.5%;} .Floor002616 .right-intro .main p{font-size:16px;line-height: 30px} .Floor002616 .ul-tips{ padding:5% 0;} .Floor002616 .ul-tips li{ float:left; width:33.3%;} .Floor002616 .ul-tips li:nth-child(3n){ margin-right:0;} .Floor002616 .ul-tips li .pic{ width:40%;} .Floor002616 .ul-tips li .txt{ width:60%;} .Floor002616 .ul-tips li h3{ margin:0; color:#333333; font-size:28px; font-weight:normal;} .Floor002616 .ul-tips li h3::after{ display:block; content:''; width:39px; height:2px; background:#095ebd; margin:6% 0 5% 0;} .Floor002616 .ul-tips li p{ color:#666; font-size:13px; line-height:28px; height:54px; overflow:hidden;} .Floor002616 .ul-tips li a:hover h3{} @media(max-width:1693px){ .Floor002616 .right-intro .main{ padding-top:10%; padding-bottom:10%;} .Floor002616 .con-main, .Floor002616 .ul-tips{ padding-left:0%; padding-right:0%;} } @media(max-width:1366px){ .Floor002616 .right-intro .main pre{ max-height:144px; overflow:hidden;} .Floor002616 .right-intro .main h1{ font-size:26px;} } @media(max-width:1200px){ .Floor002616 .title b{ font-size:70px;} } @media(max-width:1024px){ .Floor002616 .left-img, .Floor002616 .right-intro{ float:none; width:auto;} .Floor002616 .right-intro .main::before, .Floor002616 .con-main::before{ display:none;} .Floor002616 .con-main{ background:#f7f7f7;} .Floor002616 .right-intro .main{ border:2px solid #095ebd; padding:5% 5% 5% 0;} .Floor002616 .right-intro .more{ text-align:center; margin-left:0; padding-left:0;} .Floor002616 .right-intro .main pre{ max-height:none;} } @media(min-width:641px) and (max-width:1024px){ .Floor002616 .ul-tips li a{ display:block;} .Floor002616 .ul-tips li a > *{ width:auto !important;} } @media(max-width:640px){ .Floor002616 .title{ font-size:24px;} .Floor002616 .title b{ font-size:50px;} .Floor002616 .ul-tips li{ float:none; width:auto;} } @media(max-width:480px){ .Floor002616 .right-intro .main h1, .Floor002616 .title{ font-size:22px;} .Floor002616 .title b{ font-size:36px;} .Floor002616 .ul-tips li h3{font-size:22px;} .Floor002616 .ul-tips li .pic{ width:35%;} .Floor002616 .ul-tips li .txt{ width:65%;} .Floor002616 .ul-tips li p{font-size:16px;height: auto;} } /* .TextList001202 */ .TextList001202{/* padding:2% 0 2%; */; padding-bottom:2%;} .TextList001202 .tab{} .TextList001202 .tab a{} .TextList001202 li{padding-bottom:12px;} .TextList001202 dl{ position:relative; padding-left:57px;} .TextList001202 dl dt, .TextList001202 dl dd{ border:1px solid #e3e7e6;} .TextList001202 dl dt{ position:absolute; width:50px; left:0; top:0; color:#095ebd; text-align:center; font-size:24px;} .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:58px; line-height:58px;} .TextList001202 dl.A dd{ padding:2%; line-height:30px; font-size:16px;} .TextList001202 dl.Q dd{ padding:0 2%;font-size:22px;color:#333;} .TextList001202 li figure{ padding-top:2%;} .TextList001202 li figure a{ display:inline-block; padding:0 20px; line-height:25px;color:#fff; background-color:#095ebd;} .TextList001202 dl.A{ display:none; padding-top:10px;} .TextList001202 dl.A dt{ top:10px;} .TextList001202 dl.A p{ margin:0;} .TextList001202 dl.Q_on dt{ color:#fff; background-color:#095ebd;} .TextList001202 dl.Q_on dd{background-color:#f8f8f8;color:#095ebd;} @media(max-width:480px){ .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:40px; line-height:37px;} .TextList001202 h1, .TextList001202 dl dt{font-size:20px;} .TextList001202 dl.Q dd{font-size:16px;} .TextList001202 dl.A dd{line-height: 24px;font-size:14px;padding:3%;} .TextList001202 dl.A p{ overflow:hidden;} } /*Banner002826 */ .Banner002826{position: relative; z-index: 1;margin-top:100px;} /*鏂规硶1锛?锛?*/ .Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide .txt{position: absolute;width:92%;top:10%;z-index: 88; max-width: 1600px;transform: translateX(-50%); left: 50%;} .Banner002826 li.slick-slide .txt h2{font-size:38px;color:#333;margin:0;padding-left: 15px;border-left: 5px solid #0e2e85; line-height: 1.3;} .Banner002826 li.slick-slide:nth-of-type(2) .txt h2, .Banner002826 li.slick-slide .txt h2.white{color:#fff; border-left-color:#fff; } .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: 0%; top: 0%;height: 100%; width: 100%;object-fit: fill;} @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826{margin-top:75px;} .Banner002826 li.slick-slide .txt h2{font-size:24px;} .Banner002826 li.slick-slide img.pc{display: none;} .Banner002826 li.slick-slide video{/*left: -100%;top: 100%; opacity: 0;*/} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;} .Banner002826 li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);} .Banner002826 li.video-show video{left: 50%; top: 50%; opacity: 1;} } /*鏂规硶5 娣诲姞鎾斁鎸夐挳+寮圭獥*/ /*.Banner002826 .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20; cursor: pointer;} .video-openbox{position:fixed;left:0;height:100%;width:100%; z-index:500;background:rgba(0,0,0,0.5); top:0;} .video-openbox .ytable{height: 100%;} .video-openbox .close{position: absolute;right: 20px;top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 10; cursor: pointer;} .video-openbox .close:before, .video-openbox .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .video-openbox .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .video-openbox video{max-width: 1200px; margin: 0 auto;display: block;}*/ .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .slick-list:focus {outline: none} .slick-list.dragging {cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .slick-track {position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{ clear: both;} .slick-loading .slick-track { visibility: hidden;} .slick-slide{ display: none; float: left; min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .slick-slide .slick-loading img { display: none;} .slick-slide .dragging img { pointer-events: none;} .slick-initialized .slick-slide { display: block;} .slick-loading .slick-slide { visibility: hidden;} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .slick-arrow .slick-hidden { display: none;} .Banner002826 .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 5%;overflow: hidden; z-index: 10;} .Banner002826 .slick-dots li{float: left; width: 18px; height: 18px;position: relative; border-radius: 50%;border: 2px solid #727299; cursor: pointer;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 10px;} .Banner002826 .slick-dots li.slick-active{background:#727299;} .Banner002826 .slick-dots li button{display: none;} @media(max-width:640px){ .Banner002826 .slick-dots li{width: 10px; height: 10px;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 4px;} } /* .RichInfo006 涓篸emo缂栧彿 */ .RichInfo006{ padding:4% 0;} .RichInfo006 .news_info .bigName{ font-size: 30px; color: #231e37; font-weight: bold; padding-bottom: 30px; } .RichInfo006 .news_info .msgList li{ float: left; padding-left: 22px; font-family: din; font-size: 14px; color: #ccc; position: relative; margin-right: 20px;} .RichInfo006 .news_info .msgList li img{ position: absolute; left: 0; top: 0; } .RichInfo006 .news_info{max-width: 800px;overflow: hidden;float: left;} .RichInfo006 .right{width: 350px;overflow: hidden;float: right;} .RichInfo006 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo006 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:26px;color:#333; font-weight:normal;} .RichInfo006 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo006 .news_info .title p span{ margin:0 5px; color:#777;font-size:16px;} .RichInfo006 .news_info .info{ text-align:justify;padding-top: 35px;} .RichInfo006 .news_info .info p{line-height: 30px;font-size:16px;} .RichInfo006 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo006 .news_info .info_back a{ color:#095ebd;border:1px solid #095ebd;padding:10px 25px; font-size:15px;} .RichInfo006 .news_info .info_back a:hover{background:#095ebd;color:#fff;} .RichInfo006 .news_info .info_pn {padding-top: 5%;} .RichInfo006 .news_info .info_pn span{ display:block;font-size:16px;line-height: 30px;} .RichInfo006 .news_info .info_pn span a{ color:#999;} .RichInfo006 .news_info .info_pn span a:hover{color:#095ebd;} .RichInfo006 .sideNews{ background: #fbfbfb; padding: 35px 40px 5px; } .RichInfo006 .sideNews .title1{ font-weight: bold; color: #393435; padding-bottom: 15px; font-size: 24px; } .RichInfo006 .sideNews .title2{ font-size: 14px; color: #999; font-weight: bold; } .RichInfo006 .sideNews .list{ padding-top: 5px; } .RichInfo006 .sideNews .list li{ border-bottom: #f5f5f5 solid 1px; padding: 30px 0; } .RichInfo006 .sideNews .list li:last-child{ border-bottom: none; } .RichInfo006 .sideNews .list li .limg img{ width: 100%; } .RichInfo006 .sideNews .list li .name{margin-top: 20px;height: 40px;line-height: 40px;overflow: hidden;color: #333;font-size: 18px;font-weight: bold;display: block;} .RichInfo006 .sideNews .list li .time{height: 38px;line-height: 38px;font-family: mont;font-size: 24px;margin-bottom: 20px;color: #000;display: block;} .RichInfo006 .sideNews .list li .ico{ width: 47px; height: 33px; background: url(../images/nimg47_1.png) center no-repeat; } .RichInfo006 .sideNews .list li:hover .name, .sideNews .list li:hover .time{ color: #36a1e1; } .RichInfo006 .sideNews .list li:hover .ico{ background: url(../images/nimg47_1on.png) center no-repeat;} .RichInfo006 .right .sidePage{ margin-top: 10px; background: #fbfbfb; padding: 35px 40px 52px;} .RichInfo006 .right .sidePage .info_pn span{font-size: 16px;color: #999;line-height: 44px;height: 44px;overflow: hidden;display: block;} .RichInfo006 .right .sidePage .list li{ font-size: 16px; color: #999; line-height: 44px; height: 44px; overflow: hidden; } .RichInfo006 .right .sidePage .list li a{ color: #333; } .RichInfo006 .right .sidePage .list li:hover a{ color: #49aae4; } .RichInfo006 .right .sidePage .share{ padding: 35px 0 50px; } .RichInfo006 .right .sidePage .share li{ float: left; margin-right: 15px; } .RichInfo006 .right .sidePage .share li .img1{ display: none; } .RichInfo006 .right .sidePage .share li:hover img{ display: none; } .RichInfo006 .right .sidePage .share li:hover .img1{ display: inline-block; } .RichInfo006 .right .sidePage .btnDiv{padding-top: 50px;} .RichInfo006 .right .sidePage .btnDiv a{ display: block; background: 50px; line-height: 50px; color: #fff; font-size: 16px; text-align: center; background: #36a1e1;} .RichInfo006 .right .sidePage .btnDiv a img{ padding-left: 10px; } @media(max-width:768px){ .RichInfo006 .news_info .title h1{font-size:22px;} .RichInfo006 .news_info .info p img{width: 100%!important;height: 100%!important} } /* .RichInfo007 涓篸emo缂栧彿 */ .RichInfo007{ padding:4% 0;} .RichInfo007 .news_info .bigName{ font-size: 30px; color: #231e37; font-weight: bold; padding-bottom: 30px; } .RichInfo007 .news_info .msgList li{ float: left; padding-left: 22px; font-family: din; font-size: 14px; color: #ccc; position: relative; margin-right: 20px;} .RichInfo007 .news_info .msgList li img{ position: absolute; left: 0; top: 0; } .RichInfo007 .news_info{max-width: 810px;overflow: hidden;float: left;} .RichInfo007 .right{width: 350px;overflow: hidden;float: right;} .RichInfo007 .news_info .title{ text-align:left; padding-bottom:20px;} .RichInfo007 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:36px; font-weight:bold;color:#333;} .RichInfo007 .news_info .title p{ margin:0; border-bottom:1px dashed #e4e4e4; padding-bottom:18px;} .RichInfo007 .news_info .title p span{ margin:0 5px; color:#777;} .RichInfo007 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo007 .news_info .info .con1{border-bottom:1px solid #eee;padding:3% 0;} .RichInfo007 .news_info .info .left2{width:14%;float:left;} .RichInfo007 .news_info .info .left2 h2{font-size:26px;color:#333;font-weight: normal;} .RichInfo007 .news_info .info .right2{width:84%;float:right;} .RichInfo007 .news_info .info .pic{text-align: center;margin:5px auto;} .RichInfo007 .news_info .info{ text-align:justify;} .RichInfo007 .news_info .info p{line-height: 30px;font-size:16px;} .RichInfo007 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo007 .news_info .info_back a{ color:#095ebd;border:1px solid #095ebd;padding:10px 25px; font-size:15px;} .RichInfo007 .news_info .info_back a:hover{background:#095ebd;color:#fff;} .RichInfo007 .news_info .info_pn {padding-top: 5%;} .RichInfo007 .news_info .info_pn span{ display:block;font-size:16px;line-height: 30px;} .RichInfo007 .news_info .info_pn span a{ color:#999;} .RichInfo007 .news_info .info_pn span a:hover{color:#095ebd;} .RichInfo007 .sideNews{ background: #fbfbfb; padding: 17px 40px 5px; } .RichInfo007 .sideNews .title1{ font-weight: bold; color: #393435; padding-bottom: 15px; font-size: 24px; } .RichInfo007 .sideNews .title2{ font-size: 14px; color: #999; font-weight: bold; } .RichInfo007 .sideNews .list{ padding-top: 5px; } .RichInfo007 .sideNews .list li{ border-bottom: #f5f5f5 solid 1px; padding: 30px 0; } .RichInfo007 .sideNews .list li:last-child{ border-bottom: none; } .RichInfo007 .sideNews .list li .limg img{ width: 100%; } .RichInfo007 .sideNews .list li .name{margin-top: 10px;height: 40px;line-height: 40px;overflow: hidden;color: #333;font-size: 18px;font-weight: bold;display: block;} .RichInfo007 .sideNews .list li .time{height: 38px;line-height: 38px;font-family: mont;font-size: 24px;margin-bottom: 20px;color: #000;display: block;} .RichInfo007 .sideNews .list li .ico{ width: 47px; height: 33px; background: url(../images/nimg47_1.png) center no-repeat; } .RichInfo007 .sideNews .list li:hover .name, .sideNews .list li:hover .time{ color: #36a1e1; } .RichInfo007 .sideNews .list li:hover .ico{ background: url(../images/nimg47_1on.png) center no-repeat;} .RichInfo007 .right .sidePage{ margin-top: 10px; background: #fbfbfb; padding: 35px 40px 52px;} .RichInfo007 .right .sidePage .info_pn span{font-size: 16px;color: #999;line-height: 44px;height: 44px;overflow: hidden;display: block;} .RichInfo007 .right .sidePage .list li{ font-size: 16px; color: #999; line-height: 44px; height: 44px; overflow: hidden; } .RichInfo007 .right .sidePage .list li a{ color: #333; } .RichInfo007 .right .sidePage .list li:hover a{ color: #49aae4; } .RichInfo007 .right .sidePage .share{ padding: 35px 0 50px; } .RichInfo007 .right .sidePage .share li{ float: left; margin-right: 15px; } .RichInfo007 .right .sidePage .share li .img1{ display: none; } .RichInfo007 .right .sidePage .share li:hover img{ display: none; } .RichInfo007 .right .sidePage .share li:hover .img1{ display: inline-block; } .RichInfo007 .right .sidePage .btnDiv{padding-top: 50px;} .RichInfo007 .right .sidePage .btnDiv a{ display: block; background: 50px; line-height: 50px; color: #fff; font-size: 16px; text-align: center; background: #36a1e1;} .RichInfo007 .right .sidePage .btnDiv a img{ padding-left: 10px; } @media(max-width:768px){ .RichInfo007{padding:7% 0;} .RichInfo007 .right{width:100%;} .RichInfo007 .news_info .title h1{font-size:22px;padding-bottom:0;} .RichInfo007 .news_info .info .left2{width:100%;} .RichInfo007 .news_info .info .left2 h2{font-size:22px;margin-bottom:0;} .RichInfo007 .news_info .info .right2{width:100%;} } /* .TextList000591 */ .TextList000591{ padding:2% 0;} .TextList000591 ul{padding:0 2%; background-color:#fff;} .TextList000591 li{border-bottom:1px solid #d1d1d1; padding:15px 0;} .globaltemplate{padding:5% 0;} /*Floor003203 */ .mene{ position:relative; z-index:98;margin-top: 100px;background: #eee} .Floor003203 { background: url(../images/Floor003203-bg.jpg) no-repeat center center;/*margin-top: 3%;*/ background-size: cover; color: #333; overflow: hidden; font-family: 'HarmonyOS_Sans_SC'; position:relative; } #cyjd{position: absolute;left:0;top:-80px;width:100%;height:1px;} .Floor003203 .title { text-align: center; font-size: calc(44 / 16 * 1em); margin-bottom: calc(69 / 44 * 1em); } .Floor003203 .auto { padding: calc(70 / 16 * 1em) 0 calc(40 / 16 * 1em) 0 } .Floor003203 .txt { padding-right: calc(69 / 1920 * 100vw); } .Floor003203 .txt .name { border-bottom: 1px solid rgba(9,94,184,0.1); margin-bottom: calc(40 / 16 * 1em); padding-bottom: calc(40 / 16 * 1em); } .Floor003203 .txt .tit { font-size: 2em; } .Floor003203 .txt .post { font-family: 'HarmonyOS_Sans_SC_Light'; } .Floor003203 .txt .desc { font-family: 'HarmonyOS_Sans_SC_Light'; line-height: calc(28 / 16 * 1em); margin-bottom: calc(80 / 16 * 1em); } .Floor003203 .more a { display: inline-block; padding: 0 calc(57 / 16 * 1em) 0 calc(20 / 16 * 1em); line-height: calc(56 / 16 * 1em); /* border: solid 2px #fff; */ border-radius: calc(60 / 16 * 1em); color: #fff; background: url(../images/Floor003203-more.svg) no-repeat right calc(21 / 16 * 1em) center #095ebd; transition: 0.3s; background-size: auto calc(12 / 16 * 1em); } .Floor003203 .more a:hover { background-color: #095ebd; border-color: #095ebd; background-position: left calc(21 / 16 * 1em) center; padding: 0 calc(20 / 16 * 1em) 0 calc(57 / 16 * 1em); } .Floor003203 .pic .img { position: relative; } .Floor003203 a[class*=flipto-] { position: absolute; width: 1em; height: 1em; border: solid 2px #e3e3e3; top: 43%; margin-top: -0.5em; border-radius: 50%; background: url(../images/Floor003203-prev.svg) no-repeat center center #095ebd; background-size: auto calc(12 / 60 * 1em); z-index: 10; transition: 0.3s; font-size: calc(60 / 16 * 1em); text-indent: -999em; overflow: hidden; } .Floor003203 a[class*=flipto-]:hover { background-color: #095ebd; border-color: #095ebd; } .Floor003203 a.flipto-next { background-image: url(../images/Floor003203-next.svg); right: 8%; } .Floor003203 a.flipto-prev { left: 20.5% } @media (min-width: 1025px) { .Floor003203 .ytable { width: calc(1110 / 1920 * 100vw); } .Floor003203 .flipster { overflow: inherit; } .Floor003203 .pic { width: calc(754 / 1110 * 100%); } .Floor003203 .pic .img { width: calc(540 / 754 * 100%); border: 25px solid rgba(9,94,189,0.3); border-radius: 50%; } .Floor003203 .flip-item:not(.flip-current) .pic .img { margin: 0 auto; } .Floor003203 .flip-current .pic .img { float: right; margin-right: calc(54 / 754 * 100%); border: none; } .Floor003203 .flipster-carousel .flip-items { height: calc(525 / 1920 * 100vw)!important; } .Floor003203 .flip-current .pic .img:before { position: absolute; content: ''; left: -11px; right: -11px; top: -11px; bottom: -11px; z-index: 10; background: url(../images/Floor003203-quan.svg) no-repeat center center; background-size: 100% 100%; } .Floor003203 .flip-item:not(.flip-current) .txt { display: none; } } @media (max-width: 1024px) { .Floor003203 .auto { padding: 3em 0; } .Floor003203 a[class*=flipto-] { top: 50%; } .Floor003203 a.flipto-next { right: 0; } .Floor003203 a.flipto-prev { left: 0; } .Floor003203 .ytable, .Floor003203 .ytable-cell { display: block; } .Floor003203 .ytable { width: 60vw; margin: 0 auto; text-align: center; } .Floor003203 .pic { padding: 1em 0; } .Floor003203 .pic .img:before { position: absolute; content: ''; left: -11px; right: -11px; top: -11px; bottom: -11px; z-index: 10; background: url(../images/Floor003203-quan.svg) no-repeat center center; background-size: 100% 100%; } .Floor003203 .title { margin-bottom: 0.5em; font-size: 2em; } .Floor003203 .txt .name { padding-bottom: 1em; margin-bottom: 1em; } .Floor003203 .txt .desc { margin-bottom: 2em; } } .business{background: url(../images/Floor002651_business_bg.jpg) no-repeat center center;background-size: cover;padding: 4% 0 7%;} .business .title{font-size: 32px;color: #333;font-weight: bold; text-align: center;} .business .title::after { display: block; content: ''; background: #0f98bc; margin: 20px auto 0; height: 2px; width: 52px; } .business .info{ max-width: 577px; position: relative; margin: 4% auto 0;} .business .info .pic{ position: relative;} .business .info .pic h3{ position: absolute; color: #fff; top:39%;left: 38%; font-size: 38px; z-index:111} .business .info .pic img{transition: .3s;} .business .info .pic:hover img{transform: scale(1.05);} .business .info li{position: absolute;padding-right: 155px;min-height: 126px;text-align: right;font-size: 20px;color: #333333;padding-top: 7%;width: 410px;} .business .info li .link{padding-left:16px; font-size: 16px;} .business .info li .link p{margin:10px 0;} .business .info li .link p a{color:#666;} .business .info li .link p a:hover{color:#095ebd;} .business .info li i{ position: absolute; right: 0; top: 0;} .business .info li i img{ display: block; transition:all ease-out 0.5s;} .business .info li:hover i img{transform:rotate(360deg);} .business .info li:hover{color:#0f98bc;} .business .info li span{ display: block; font-size: 15px; color: #888888; text-transform: uppercase;} .business .info li:nth-child(2n), .business .info li.li7{padding-left: 150px;padding-right: 0;text-align: left;} .business .info li:nth-child(2n) i, .business .info li.li7 i{left: 0;right: auto;} .business .info li.li1{left: -45%;top: 3%;} .business .info li.li2{left: 73%;top: 3%;} .business .info li.li3{left: -60%;top: 52%;} .business .info li.li4{left: 90%;top: 52%;} .business .info li.li5{left: -10%;top: 87%;} .business .info li.li6{left: 77%;top: 68%;} .business .info li.li7{ left: 41%; top: 90%;} @media screen and (max-width:1366px ) { .business{ padding-top:2%} .business .info{ width: 30%; margin:2% auto 0;} .business .info li{min-width: 200px;} .business .info li i{width: 25%;} .business .info li i img{width: 60px;} .business .info li{padding-right: 22%;width: auto;padding-top: 3%;} .business .info li:nth-child(2n), .business .info li.li7{ padding-left: 21%; padding-right: 0;} .business .info li.li6{ left: 84%;} .business .info li.li5{ left: -44%;} .business .info li.li7{ top: 94%;} .business .info li.li1{/* left: -37%; */top: 3%;} .business .info li.li3{left: -56%;} .business .info li.li4{left: 93%;} .business .info li.li5{left: -3%;top: 92%;} .business .info li.li6{ left: 90%;} .business .info li.li7{ top: 94%;} .business .info .pic h3{ top: 38%; left: 35%;font-size: 28px;} } @media screen and (max-width:1024px ) { .business{ padding: 5% 0 10%;} .business .title{ font-size: 24px;} .business .info{ width: 45%;} .business .info li i{width: 28%;} .business .info li{padding-right: 24%;padding-top: 3%;width: 71%;font-size: 16px;} .business .info li span{ font-size: 12px;} } @media screen and (max-width:640px ) { .business .info{ width: 100%;} .business .info .pic{ display: none;} .business .info li{ left: auto!important; top: auto!important; position: relative; width: 100%; padding: 3% 0 0 22% !important; text-align: left; min-height: 80px;} .business .info li i{ left: 0!important; width: 20%;} }